/** Generated: 9/7/2010 4:20:12 AM  **/
/*** Actics Main Page ***/ /*** Actics Main Page ***/
html, body
{
    margin: 0px;
    padding: 0px;
    background-color: #EDE8D0;
    color: #000; 
    background-position: right bottom;
    background-repeat: no-repeat;
}

.external
{
    background-image: none;
}

body, td, input, select, textarea
{
    font-family: Arial, "Helvetica" , sans-serif;
    font-size: 12px;
}

form
{
    margin: 0px;
    padding: 0px;
}

img
{
    border: 0px;
}
#poweredby
{
    float: left;
}
#poweredby a
{
    color: #FFF;
    padding: 2px 2px 2px 12px;
    font-size: 20px;
    font-style: italic;
}
#poweredby a:hover
{
    background-color: Transparent;
}

#acticslogo
{
    width: 400px;
    height: 100px;
    float: left;
}

#acticslogo:hover
{
    background-color: Transparent;
}

#layerProximity
{
    width: 480px;
    height: 300px;
}

.promotetextbox
{
    margin: 10px;
    background-color: White;
    font-size: 10px;
    width: 220px;
    height: 80px;
    white-space: nowrap;
}

a
{
    font-weight: normal;
    text-decoration: none; /*color: #105CB6;*/
    color: #645f50; 
}

/* Annesley: #645f50 cannot see links... */
#content a {
    border-bottom:1px dotted #909090;
}

a:hover
{
    background-color: #EDE8D0;
}

#noselectedvalues
{
    margin: 10px;
    padding: 20px;
}

input, select, textarea
{
    padding: 2px;
    margin: 0px 1px 0px 1px;
    color: #333;
    overflow: visible;
}

input, select
{
    font-size: 14px;
    font-weight: bold;
}

input[type=text], input[type=password], textarea, select
{
    border: 1px solid #D9D4B9;
    background-color: #FFF;
}

input[type=button], input[type=submit]
{
    font-weight: bold;
    letter-spacing: -1px;
}

p
{
    line-height: 1.4;
}


h2 a, h3 a, h4 a
{
    font-weight: bold;
}

h1
{
    font-size: 26px;
    color: #444;
    margin: 0px;
    padding: 8px 0px 2px 0px;
    letter-spacing: -1px;
    font-weight: normal;
}

h2
{
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    color: #555;
    padding: 0px 0px 2px 0px;
    margin: 0px;
}

.boxcontrol .box-toptablecenter.header h2
{
    letter-spacing: normal;
}

.leftWide #columnright h2, .rightWide #columnleft h2
{
    padding-bottom: 0px;
    margin-bottom: 2px; /*border-bottom: 1px solid #DDD;*/
}

h3
{
    font-size: 12px;
    color: #333;
    margin: 0px;
    padding: 4px 0px 2px 0px;
}

.h4
{
    padding: 2px 2px 6px 2px;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}

/*** Page elements ***/
#ajaxBusy
{
    background-color: #FFF;
    border: 1px ridge #386CC2;
    color: #386CC2;
    display: none;
    padding: 2px 10px 2px 10px;
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 250;
}

#ajaxloader
{
    position: absolute;
    z-index: 250;
    display: none;
    background-image: url('img/ajax-loader.gif');
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
}

#appbar
{
    background-color: #424a5d;
    color: #FFF;
    font-size: 10px;
    text-align: right;
    border-bottom: 1px solid #000;
}

#appbar a
{
    display: block;
    width: 980px;
    margin: 0px auto 0px auto;
    height: 18px;
    text-align: left;
}

#appbar a:hover
{
    background-color: Transparent;
}

#page
{
    position: relative; /*width: 980px;*/
    margin: 0px auto 0px auto;
}

#header
{
    min-height: 120px;
}

#logo
{
    display: block;
    float: left;
    position: relative;
}

#nav
{
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 0px 440px;
    list-style: none;
    margin: 0 auto;
}

#nav li
{
    display: block;
    float: left;
    height: 24px;
    width: 60px;
    margin-right: 2px;
}

#nav li.active
{
    /*background: transparent url('img/navtab_active.gif') no-repeat;*/
    height: 25px;
    border: 0px;
}

#nav h1
{
    margin: 0px;
    padding: 0px;
}

#nav li a
{
    display: block;
    height: 18px;
    width: 60px;
    padding: 5px 0px 0px 0px;
    text-align: center;
    cursor: pointer;
    color: #645F50;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0px;
}

#nav li a:hover
{
    background-color: Transparent;
}

#nav li.active
{
    height: 25px;
}

#nav li.active a
{
    color: #000;
}

#nav li a:hover
{
    color: #CCC;
}

#nav li.active a:hover
{
    color: #AAA;
}

#grouplist select
{
    font-size: 12px;
}

#userinfo
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: right;
    right: 0px;
    top: 0px;
}

#userinfo li
{
    color: #414b5e;
    display: block;
    float: left;
    padding-right: 2px; /* sliding doors padding */
    margin-left: 2px;
    text-decoration: none;
    padding-top: 2px;
}

#userinfo #selectgroup
{
    border: 0;
    padding-right: 60px;
}

#userinfo li img
{
    margin-right: 5px;
    float: left;
}

#userinfo li span
{
    display: block;
    padding: 5px 3px 3px 7px;
}

#userinfo li a
{
    font-weight: bold;
}

#userinfo li a:hover
{
    background-color: #FFF;
    color: #000;
}

#searchbar
{
    top: 50px;
    right: 0;
}

#searchbar form
{
    margin: 2px; /*padding: 4px 0px 5px 0px;     width: 500px;*/
}

#searchbar form select
{
    font-size: 10px;
}

#searchbar form input[type=submit]
{
    font-size: 10px;
    margin-right: 4px;
}

#searchbar form input[name=search_query]
{
    font-size: 11px;
    width: 100px;
}

#subheader
{
    display: block;
    padding: 4px 0px 0px 4px;
    margin: 4px 0px 0px 0px;
    border-bottom: 1px solid #999;
    background-position: left top;
    background-repeat: no-repeat;
}

#subheader .active .headernav
{
    display: none;
}

#subheader .panel
{
    border-width: 0px;
    margin: 0px;
}

.high#subheader
{
    height: 68px;
}

.high2#subheader
{
    height: 85px;
}

#subheader h1
{
    margin: 0px 0px 0px 4px;
    padding: 0px;
}

#subheader .subtitle
{
    margin: 2px 0px 2px 0px;
    color: #665;
}

#subheader .headernav
{
    list-style: none;
    height: 23px;
    margin: 9px 0px 3px 8px;
    padding: 0px;
}

#subheader .headernav li
{
    float: left;
    margin-right: 5px;
    display: block;
}

#subheader .headernav .boxcontrol
{
    width: auto;
}

#subheader .headernav li a
{
    font-weight: bold;
    display: block;
    font-family: Arial, "Helvetica" ,sans-serif;
    color: #645F50;
    background-color: Transparent;
}

#subheader .headernav li a:hover
{
    color: #000;
}

#subheader li a.activetab
{
    color: #000;
}

#subheader li .boxcontrol
{
    margin: 0;
    padding: 0;
}


/*#search
{
    position: absolute;
    right: 0px;
    top: 72px;
    font-size: 12px;
    text-align: right;
    width: 600px;
}*/

#content
{
    padding: 0px;
    min-height: 636px;
    width: 980px;
    margin: 0 auto;
}

#contentfull
{
    min-height: 540px;
}

#columns
{
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

#contenttop
{
    margin: 0px;
}

#contenttop h1 a
{
    color: #333;
    font-weight: normal;
}

#columnleft, #columnright
{
    vertical-align: top;
}

.leftWide #columnleft
{
    width: 650px;
    padding-right: 15px;
}

.leftWide #columnright
{
    width: 320px;
    padding: 0px;
}

.rightWide #columnleft
{
    width: 245px;
    padding-right: 15px;
}

.rightWide #columnright
{
    width: 725px;
}


/* Plugin page layout stuff*/
#fullPage
{
    padding: 8px 15px 0px 15px;
}

#fullPage .fullPane
{
    width: 100%;
    clear: both;
}

#fullPage .topPane
{
    width: 100%;
    float: none;
    display: block;
    clear: both;
    margin-top: 30px;
}

#fullPage .rightPane
{
    width: 48%;
    float: left;
}

#fullPage .leftPane
{
    width: 48%;
    float: left;
    margin-right: 20px;
    clear: both;
}

#footer
{
    margin-top: 20px;
    padding-top: 20px;
    background-color: #d9d4b9;
    text-align: center;
    color: #565767;
    clear: both; 
    background-image: url('img/actics_logo.png');
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 122px;
}

#footer a
{
    margin: 2px 4px 2px 4px;
}


#advsearch
{
    margin: 2px 8px 8px 8px;
}

.panel
{
    color: #555; /*border: 1px solid #FFF;*/
    margin: 8px 4px 4px 4px;
    clear: left;
}

.toppanel
{
}

.toppanel h1
{
    padding: 0px;
}

.toppanel h1 a
{
    letter-spacing: -1px;
    font-weight: normal;
}

.button, input[type=button], input[type=submit]
{
    background-color: #EDE8D0;
    padding: 2px 8px 2px 8px;
    border-color: #645F50;
    border-style: outset;
    border-width: 1px;
    cursor: pointer;
    color: #645F50;
    text-align: center;
}

.button:hover, input[type=button]:hover, input[type=submit]:hover
{
    background-color: #D9D4B9;
}
/*
.pheader {
	border-bottom : 2px solid #EEE;
	height : 22px;
	margin : 8px 0px 4px 0px;
}

.pheader h2 {
	background-color : #EEE;
	display : inline;
	font-size : 12px;
	font-weight : bold;
	letter-spacing : normal;
	padding : 4px 12px 4px 12px;
	float : left;
	color : #333;
	margin-left : 4px;
}*/

.box
{
    background-color: #EEEEEE;
    border: 5px double #FFF;
    padding: 8px;
}

.box h2
{
    padding: 0px;
    border-bottom: 1px solid transparent !important;
}

.box .buttonlistcenter
{
    margin: 10px;
}

.panel.active
{
    border: 1px solid #386CC2;
    background-color: #EEEEFF;
}

.panel p
{
    margin: 0px 0px 8px 0px;
}

.selected
{
    background-color: #bccbde;
    color: #333;
}

.hoverlist
{
}

#inviteForFeedback
{
    padding-top: 5px;
    margin-top: 5px;
    margin-left: 310px;
    margin-right: 310px;
}

#inviteForFeedback .boxcontrol
{
    width: 100%;
    padding-top: 0;
    margin-top: 0;
}

#inviteForFeedback .box-content
{
    padding: 0;
    margin: 0;
}

#toolbox
{
    margin: 0px auto 0px auto; /*    height: 32px;*/
    display: block;
    text-align: center;
}

#toolbox ul
{
    list-style: none;
    margin: 0px 0px 0px 0px; /* padding: 8px 0px 0px 0px;*/
}

#toolbox li
{
    display: inline;
    margin: 0px 16px 0px 0px;
    padding: 0px;
    height: 16px;
}

#toolbox li .icon
{
    background-image: url(img/icon_list.gif);
    background-repeat: no-repeat;
    padding-left: 26px;
}

#toolbox li a.adoptaction
{
    background-position: 8px -78px;
}

#toolbox li a.flag
{
    background-position: 8px -78px;
}

#toolbox li a.message
{
    background-position: 8px 3px;
}

#toolbox li a.proximity
{
    background-position: 8px -18px;
}

#toolbox li a.removeproxy
{
    background-position: 8px -38px;
}

#toolbox li a.share
{
    background-position: 8px -58px;
}

#toolbox li a.embed
{
    background-position: 8px -95px;
}

#toolbox li a.help
{
    background-image: url('img/help_icon.gif');
    background-position: 8px 0px;
}

.subcols
{
    display: block;
}

.subcols .col1
{
    width: 320px;
    display: block;
    float: left;
}

.subcols .col2
{
    margin-left: 340px;
    width: 320px;
}

.subcols .col1b
{
    width: 57%;
    display: block;
    float: left;
}

.subcols .col2b
{
    float: right;
    padding-left: 10px;
    width: 40%;
}

.subcols .colcont
{
    margin: 6px 4px 14px 4px;
}

/* Actics Content Entities */
.info
{
    font-size: 10px;
    margin-top: 2px;
}

#layeroverlay
{
    background-color: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 20;
}

.layer
{
    padding: 0px;
    position: fixed;
    display: none;
    background-color: #FFFFFF; /*border: 1px solid #386CC2;*/
    border: 1px solid #645F50;
    text-align: left;
    z-index: 255;
    top: 50%;
    left: 50%;
}

.layer p
{
    margin: 2px;
}

.layercontainer
{
    margin: 8px;
}

.layer .layerClose
{
    float: right;
    margin: 4px 4px 0px 0px;
}

.layer .layerBar
{
    text-align: right;
    height: 32px;
}

.layer fieldset
{
    margin: 0px;
}

.layerClose a
{
    background: url('img/wgt_close.gif') no-repeat right;
    display: block;
    width: 16px;
    height: 15px;
    padding-right: 20px;
    font-size: 10px;
    color: #FFF;
}

.layerClose a:hover
{
    background-color: Transparent;
    color: #000;
}

.layer h1
{
    /*background-color: #386CC2;*/
    background-color: #645F50; /*color: #FFFFFF;*/
    color: #D9D4B9;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 2px 4px;
}

.layer h2
{
    margin: 0px;
    padding: 4px 4px 0px 4px;
}

.layer h3
{
    margin: 2px 4px 8px 4px;
    font-size: 12px;
    padding: 0px;
}

.layer .tagcloud
{
    background: none;
}

.layer .lefttop
{
    float: left;
    width: 30%;
}

.layer .righttop
{
    float: left;
    width: 70%;
}

.layer .regfield
{
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 5px 0px; /*	clear : left;*/
    float: none;
}

.layer .regfield label
{
    /*float: none;*/
    display: block;
    text-align: left;
    width: 100%;
    font-size: 10px;
}

.layer .regfield input, .layer .regfield select, .layer .regfield textarea
{
    margin: 0px;
    width: 200px;
}

.layer .wide input, .layer .wide select, .layer .wide textarea
{
    width: 400px;
}

.layer .regfield input[type=checkbox], .layer .regfield input[type=radio]
{
    width: auto;
    margin: 0px;
}

.fileManager
{
    width: 640px;
}

/* widgets */
.widget
{
}

.widget .widgetFooter
{
    display: none;
}


.widget .widgetContent
{
    min-height: 12px;
}

.widget .widgetOptions
{
    /*width : 640px;	*/
}

.widget .widgetOptions textarea, .widget .widgetOptions input[type=text]
{
    width: 600px;
}

.widget .continentArea
{
    cursor: pointer;
}

.widget .continentContainer
{
    display: none;
}

/*.widget .widgetContent .takeTheTour*/
#takeTheTour
{
    padding: 20px;
    background-color: #4F81BD;
    text-align: center;
    font-size: x-large;
    color: #000;
}

#takeTheTour a
{
    color: #000;
}

.widget.widgetborder
{
    border: solid 1px #4F81BD;
}

.widget .takeTheTour a
{
    color: #000;
}

.countryTooltipHeader
{
    text-align: center;
    font-weight: bold;
}

.widget .widgetHeader
{
    text-align: left;
}

.widget .optionbutton
{
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 3px 3px 0px 0px;
    background: url('img/config.png');
}

.widget .optionbuttondel
{
    margin: 3px 3px 0px 0px;
    cursor: pointer;
    width: 15px;
    height: 16px;
    float: right;
    background: #386CC2 url('img/wgt_close.gif');
}
.widgetContainer
{
    width: 100%;
}
/* widgets -> atlas widget */
#widget_worldatlas #atlas_worldmap .box-content
{
    padding-left: 4px;
    margin: 10px 10px 10px 60px;
}

#widget_grouptour .box-content, #widget_gethelpwidget .widgetContent
{
    text-align: center;
}


#layerWidgets .layercontainer .radiolist input
{
    margin: 4px 8px 4px 8px;
}

#layerWidgets .layercontainer .radiolist label
{
    font-size: 16px;
    font-weight: bold;
}

/* table structure */
.datatable
{
    border: 1px solid #EEE;
    border-collapse: collapse;
    width: 100%;
    margin: 8px 0px 8px 0px;
}

.datatable tr.odd
{
    background-color: #F9F9F9;
}

.datatable tbody tr.unread td, .datatable tbody tr.unread td a
{
    font-weight: bold;
}

.datatable tr:hover
{
    background-color: #EEE;
    cursor: default;
}

.datatable tr a:hover
{
    color: #105CB6;
    background-color: Transparent;
}

.datatable tr a.button:hover
{
    background-color: #386CC2;
    color: #FFF;
}

.datatable th
{
    text-align: left;
    padding: 8px 4px 8px 4px;
    border-bottom: 1px solid #CCC;
    background-color: #EEE;
}

.datatable td
{
    padding: 2px;
    border-bottom: 1px solid #CCC;
}

.datatable tr td .funccont
{
    position: relative;
}

.datatable tr td .functions
{
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

.datatable tr:hover .functions
{
    display: block;
}

.value .count
{
    display: none;
}


.valuelist
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.valuelist .value h3
{
    padding-left: 4px;
}

.valuelist .value a span
{
    display: none;
}

.valuedefinitionlist
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.valueDefinition
{
    margin: 0px 0px 12px 0px;
    font-weight: normal;
}

.valueDefinition .desc
{
    padding: 2px 0px 2px 0px;
    font-style: italic;
    color: #666;
}

.valueDefinition .info
{
    margin-top: 2px;
}

.activity
{
}

.activity a
{
    font-weight: bold;
}

.activitylist
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.activitylist li
{
    line-height: 20px;
}

.activitylist li .sep
{
    color: #999;
    margin: 0px 0px 4px 0px;
    text-align: left;
    font-weight: bold;
}

.activitylistlarge
{
    padding-left: 4px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.activitylistlarge li
{
    height: 45px;
    padding-top: 5px;
    border-top: 1px solid #EEE;
}

.activitylistlarge li .agent
{
    float: left;
    margin-right: 10px;
}

.bloglist
{
    margin: 0px 0px 8px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
}

.bloglist li
{
    margin-bottom: 20px;
}

.bloglist li p
{
    margin: 0px;
}

.actionlist
{
    margin: 8px 0px 8px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
}

.wishlist
{
    margin: 8px 0px 8px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
}

.action
{
    margin: 2px 0px 12px 0px;
    padding: 0px;
    min-height: 36px;
    clear: both;
}

.action .base h3
{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

.action .comment
{
    color: #666;
    padding: 8px 8px 4px 8px;
}

.action .base .info
{
}

.active span
{
    color: #AAAAAA;
}

.buttonlistright
{
    float: right;
    margin-top: 5px;
}

.buttonlistright .button
{
    height: 16px;
    display: block;
}

.buttonlistcenter
{
    text-align: center;
}


/* Form stuff */
fieldset
{
    border: 0px;
    padding: 0px;
    margin: 4px 0px 10px 0px;
}

fieldset legend
{
    display: block;
    padding-left: 150px;
    font-size: 16px;
    color: #AAA;
    font-weight: bold;
}

.regfield
{
    float: left;
    margin: 0px;
    padding: 14px 10px 10px 10px;
    display: block;
    min-height: 20px;
}

.regfield label
{
    color: #666;
}

.regfield.active
{
}

.regfield.active label
{
    color: #000;
}

.regfield.active input[type=text], .regfield.active input[type=password], .regfield.active textarea, .regfield.active select
{
    color: #000;
    background-color: #FFFFCC;
}

.regfielderror
{
    margin-left: 150px;
    color: #A62010;
}

.regfield label
{
    width: 130px;
    display: block;
    float: left;
    text-align: right;
}

.regfield .regReadOnly
{
    margin-left: 10px;
    width: 200px;
    color: #999999;
}

.regfield input, .regfield select, .regfield textarea
{
    float: left;
    margin-left: 10px;
    width: 300px;
    color: #666;
}

.regfield .radiolist
{
    width: auto;
}

.regfield .radiolist label
{
    float: left;
    text-align: left;
    width: auto;
}

.regfield .radiolist input
{
    float: left;
    width: auto;
}


.jointitle
{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.regbuttons
{
    padding-left: 148px;
    margin: 2px 10px 2px 2px;
    float: left;
}


.tos
{
    height: 200px;
    overflow: scroll;
    border: 1px solid #000;
    display: none;
    padding: 10px;
}

.switch
{
    margin-right: 280px;
}

.switch input
{
    float: right;
    margin-left: 10px;
}

.joinintro
{
    font-size: 16px;
    text-align: center;
    margin: 10px;
}

.fieldhelp
{
    color: #999;
    margin-left: 150px;
}

.tagcloud
{
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0px;
    padding: 0;
}

.tagcloud ul
{
    text-align: center;
    padding: 8px;
}

.tagcloud ul li
{
    display: inline;
}

.tagcloud ul li a
{
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: bold;
}

.tagcloud ul li h3
{
    display: inline;
}

.tagcloud ul li a
{
    white-space: nowrap;
    margin: 4px;
}

.tagcloud .users
{
    line-height: 33px;
}

.tagcloud .using, .tagcloud .using:hover
{
    text-decoration: line-through;
    color: #999;
}

/* Actics Elements */
.messageLink
{
    font-size: 11px;
}

#valueTable
{
    background-color: #FFF;
    margin: 0px 0px 0px 10px;
    width: 670px;
}

#valueTable tr td
{
    width: 220px;
    padding: 2px 8px 6px 8px;
    font-size: 10px;
    vertical-align: top;
}

#valueTable tr td a
{
    font-size: 12px;
}

.topagent
{
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.agent
{
    display: inline-block;
}

.agent:hover
{
    background-color: #D9D4B9;
    border-color: #D9D4B9;
}

.agent img
{
    border: 1px solid #D9D4B9;
    padding: 2px;
}

#subheader .agent img
{
    border: 0px solid #000;
    padding: 3px;
}

.agentlist
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    display: block;
    clear: right;
    width: 100%;
}
.widget .agentlist table tr
{
    max-width: 20px;
}

.agentlist li
{
    display: inline;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    padding: 4px 4px 4px 4px;
}

.functionlink
{
    font-weight: normal;
    font-size: 10px;
    margin-left: 4px;
}

.ylist
{
    overflow-y: scroll;
    border: 1px solid #DEDEDE;
    background-color: #FFF;
}

#tooltip
{
    font-size: 10px;
    position: absolute;
    display: none;
    z-index: 200;
    padding: 6px;
    background-color: #FFFFFF;
    border: 1px solid #386CC2;
}

.editlink
{
    background-color: #FFFFCC;
    text-decoration: underline;
    cursor: pointer;
}

.editlink:hover
{
    text-decoration: none;
}

.valuenumber
{
    font-weight: normal;
    border-right: 1px dotted #AAA;
    height: 54px;
    margin-right: 4px;
    padding: 0px 8px 0px 4px;
}

.agentlist .valuenumber
{
    border-right: 0px dotted #AAA;
}

.valuenumber .number
{
    font-size: 28px;
    color: #444;
    text-align: right;
}

.valuenumber .change
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: right;
    margin-right: 4px;
    height: 20px;
    font-weight: bold;
}

.valuenumber .change li
{
    font-size: 12px;
    color: #666;
    float: left;
}

.valuenumber .change .arrow
{
    width: 11px;
    height: 10px;
    display: none;
    margin: 3px 5px 0px 5px;
}

.valuenumber .change.pos li
{
    color: #00A000;
}

.valuenumber .change.pos .arrow
{
    display: block;
    background: url(img/arrow_green.gif) no-repeat;
}

.valuenumber .change.neg li
{
    color: #CC0000;
}

.valuenumber .change.neg .arrow
{
    display: block;
    background: url(img/arrow_red.gif) no-repeat;
}

/* Value Manager */
#valueManager
{
    /*   min-height : 300px;*/
    position: relative;
    margin: 0px 0px 20px 0px; /*background-color: #EEEEEE;*/ /* fa */
}

#valueManager .valueList
{
    width: 170px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#valueManager .valueList .priority
{
    display: none;
}

#valueManager .valueList .value
{
    background-color: #D9D4B9;
    height: 88px;
    color: #999;
    cursor: pointer;
    white-space: nowrap; /*border: 1px solid #c0cfef;*/
    border: 1px solid #FFF;
    border-right: 1px solid #645F50;
    overflow: hidden;
}

#valueManager .valueList .value.active span
{
    color: #CCC;
}

#valueManager.vote .value
{
    height: 26px;
    border: 1px solid #c0cfef;
    width: auto;
}

#valueManager.group .value
{
    height: 26px;
    border: 1px solid #c0cfef;
    width: auto;
}

#valueManager .valueList .selected
{
    /*background-color: #f2F6FF;*/
    background-color: #EDE8D0; /*border: 1px solid #386CC2;*/
    border: 1px solid #645F50;
    border-right: 1px solid #c0cfef;
}

#valueManager .valueList .active
{
    background-color: #5C73AB;
}

#valueManager .valueList h3
{
    padding: 4px;
}

#valueManager .valueList .selected h3 a
{
    color: #000;
    text-decoration: none;
}

#valueManager .valueList .active h3 a
{
    color: #FFF;
}

#valueManager .valueList .active:hover h3 a
{
    color: #999;
}

#valueManager .valueList .value:hover
{
    /*background-color: #F0F0F0;*/
    background-color: #FFF;
    border: 1px solid #645F50;
    border-right: 1px solid #FFF;
}

#valueManager .valueList .value h3 a:hover
{
    background-color: Transparent;
    color: #5C73AB;
}

#valueManager .valueList .value:hover h3
{
    color: #5C73AB;
}

#valueManager .valueList .selected:hover
{
    background-color: #f2F6FF;
}

#valueManager .valueDescriptionList
{
    margin-left: 169px; /*border: 1px solid #386CC2;*/
    border: 1px solid #645F50;
    background-color: #FFF;
    min-height: 520px;
}

#valueManager .group .valueDescriptionList
{
    min-height: 200px;
}

#valueManager .valueDescriptionList h2
{
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0px 2px 0px;
    padding: 0px;
    padding-top: 0px;
}

#valueManager .valueDescriptionList .selected
{
    background-color: #FFF;
}

#valueManager .valueDescriptionList .valueDescription
{
    display: none;
    margin: 6px;
}

#valueManager .valueDescriptionList .valueDescription .valueDefinition
{
    margin: 8px 2px 8px 2px;
    min-height: 40px;
}

#layerValues .tagcloud ul
{
    padding: 5px;
}

#layerValues .valuedefinitionlist .valueDefinition
{
    border-bottom: 1px solid #DEDEDE;
    cursor: pointer;
    padding: 8px;
}

#valueManager .functions
{
    position: absolute;
    right: 0px;
    bottom: 2px;
    display: none;
    z-index: 200;
    text-align: right;
}

#valueManager .action
{
    border: 1px solid #FFF;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 2px;
}

#valueManager.self .action:hover
{
    border: 1px solid #645F50;
}

#valueManager .action h3 a
{
    font-size: 12px;
    letter-spacing: 0px;
}

#valueManager.self .action:hover .functions
{
    display: block;
}

#valueManager .action
{
    min-height: 50px;
    position: relative;
}

#valueManager .endorse
{
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: right;
    background: url('img/btn_end_down.gif') no-repeat scroll 0px 0px;
    list-style: none;
    height: 60px;
    width: 60px;
}

#valueManager .endorse.can
{
    background: url('img/btn_end_up.gif') no-repeat scroll 0px 0px;
}

#valueManager .endorse .count
{
    display: block;
    font-size: 18px;
    font-weight: normal;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    height: 26px;
}

#valueManager .endorse .btn
{
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    width: 60px;
    height: 20px;
    display: none;
}

#valueManager .endorse .btn a
{
    color: #FFF;
}

#valueManager .endorse .btn a:hover
{
    background-color: Transparent;
    color: #AAA;
    text-decoration: none;
}

#valueManager .endorse .info
{
    display: none;
    font-size: 10px;
    text-align: center;
    width: 60px;
    height: 20px;
    color: #999;
}

#valueManager .endorse.can .btn
{
    display: block;
}

#valueManager .endorse.cant .info
{
    display: block;
}

#valueManager .value .buttonlistcenter
{
    display: none;
    margin-top: 10px;
    margin-bottom: 2px;
}


#valueManager .value.selected .buttonlistcenter
{
    display: block;
    margin: 5px;
    padding: 5px;
}

#valueManager .bar
{
    margin: 12px 0px 0px 10px;
    position: relative;
    height: 18px;
    background: url(img/rate_slider_bg.gif) no-repeat 0px 5px;
    width: 140px;
    z-index: 1;
    display: none;
}

#valueManager .bar .averagebar
{
    position: absolute;
    background-color: #A62010;
    margin: 0px 10px 0px 3px;
    left: 0px;
    top: 8px;
    height: 3px;
    z-index: 1;
}

#valueManager .bar .averagebar span
{
    display: none;
}

#valueManager .bar .custombar
{
    display: none;
    position: absolute;
    background: url(img/rate_button_green.gif) no-repeat;
    top: -3px;
    margin-left: -5px;
    height: 25px;
    width: 10px;
    cursor: col-resize;
    z-index: 20;
}

#valueManager .bar .custombardrag
{
    position: absolute;
    background: url(img/rate_button_blue.gif) no-repeat;
    top: -3px;
    height: 25px;
    width: 10px;
    cursor: col-resize;
    z-index: 2;
}

#valueManager .bar .rating
{
    position: absolute;
    font-size: 10px;
    top: -15px;
    left: -10px;
    width: 160px;
    font-size: 10px;
    text-align: center;
}

#valueManager .bar .rating .val
{
    font-weight: bold;
}

#valueManager .bar .rating .info
{
    margin-right: 0px;
    color: #000;
}

#valueManager .bar .scale
{
    display: none;
    text-align: center;
    position: absolute;
    font-size: 9px;
    color: #999;
    top: 16px;
    left: -8px;
    width: 158px;
}

#valueManager .bar .scale .min
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
}

#valueManager .bar .scale .max
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 26px;
}

#valueManager .selected .bar .scale
{
    display: block;
}

#valueManager .drag .rating
{
    color: #578CCA;
}

#valueManager .buttonlistright
{
    margin: 0px 0px 0px 0px;
}

.similarActionList .actionlist
{
    margin: 0px;
    padding: 0px;
}

.similarActionList .action
{
    margin: 0px;
    padding: 5px;
    border-bottom: 1px solid #DEDEDE;
    cursor: pointer;
}

.info .actiontitle
{
    color: #666666;
    font-weight: bold;
    font-size: 13px;
    margin-left: 5px;
    vertical-align: middle;
}
.info .subinfo
{
    /*float:right;*/
    position: absolute;
    right: 0px;
    font-size: 11px;
    color: #888888;
    padding: 0px 10px 0px 0px;
}

.info .subinfo a
{
}

.info .acticsNumbers
{
    width: 30%;
    clear: both;
    height: 54px;
    float: left;
}

.info .acticsNumbers .num
{
    font-size: 26px;
}

.info .infoDesc
{
    width: 70%;
    overflow: hidden;
    height: 54px;
    font-size: 11px;
}

.info .subinfo a img
{
    vertical-align: middle;
}

.info .subinfo .adoptNumber
{
    color: Black;
    font-weight: bold;
}

.proxymembertitle
{
    font-size: 10px;
    color: #000;
    margin: 6px 0px 0px 2px;
}

.proxymembertitle span
{
    color: #999;
}

.proxymembers
{
    margin: 0px 5px 5px 5px;
}

.proxymembers .friend img
{
    color: #999;
    vertical-align: middle;
}

.editproxylist
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.editproxylist li
{
    height: 50px;
}

.tagcloud .editproxylist li
{
   display: block;
}

.proxylist
{
    overflow-y: scroll;
    border: 1px solid #9EB7D8;
    background-color: #FFF;
}

.proxylist ul
{
    list-style: none;
    margin: 4px;
    padding: 0px;
}

.proxylist ul li
{
}

.proxylist ul ul
{
    margin-left: 10px;
}

.regfield .proxylist
{
    margin-left: 10px;
}

.layer .regfield .proxylist
{
    margin-left: 0px;
}

.regfield .proxylist input
{
    margin: 0px;
    width: auto;
}

.tags ul
{
    list-style: none;
}

.tags ul li
{
    display: inline-table;
    margin-left: 3px;
    margin-top: 10px;
}

.tags ul a
{
    background-color: #EEE;
    border-color: #5696ff;
    border-style: outset;
    border-width: 1px;
    padding: 3px 5px 3px 5px;
    font-weight: normal;
    font-size: 10px;
}

.tags ul a:hover
{
    background-color: #386CC2;
    color: #EEE;
}

.commentlist
{
    width: 100%;
}

.commentlist tr
{
    vertical-align: top;
}

.commentlist .tags
{
    float: right;
}

.commentlist tr td
{
    border-bottom: 1px solid #DEDEDE;
    padding: 8px 8px 8px 8px;
}

.commentlist .owner
{
    background-color: #E6E9EE;
}

.membertypelist
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.membertypelist li
{
}

.metadata
{
    display: none;
    visibility: hidden;
}

/* Sub Menu Administrator */
#subheader .headernav ul.submenu
{
    display: none;
    position: absolute;
}

#subheader .headernav ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 10000;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    min-width: 150px;
    background-color: #FFF;
}

#subheader .headernav ul.submenu li
{
    float: none;
    margin: 0px;
}

#subheader .headernav ul.submenu a
{
    background-color: #FFFFFF;
    color: #666666;
    padding-left: 4px;
}

#subheader .headernav ul.submenu a:hover
{
    border: 0;
    background-color: #EEEEEE;
}

#subheader .headernav ul.submenu ul.submenuchild
{
    display: none;
    position: absolute;
    border-top: solid 1px #999999;
}

#addvaluedef
{
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('img/icon_plus.gif');
    padding-left: 14px;
    margin-left: 4px;
}
.removevaluedef
{
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('img/icon_minus.gif');
    padding-left: 14px;
    margin-left: 4px;
}

/* RichTextEditor Style */
div.wysiwyg
{
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #FFF;
}
div.wysiwyg *
{
    margin: 0;
    padding: 0;
}

div.wysiwyg ul.panel
{
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 0 0 4px 0;
}
div.wysiwyg ul.panel li
{
    list-style-type: none;
    float: left;
    margin: 0 2px;
}
div.wysiwyg ul.panel li.separator
{
    height: 16px;
    margin: 0 4px;
    border-left: 1px solid #ccc;
}
div.wysiwyg ul.panel li a
{
    opacity: 0.6;
    display: block;
    width: 16px;
    height: 16px;
    background: url(img/wysiwyg.gif) no-repeat -64px -80px;
    border: 0;
    cursor: pointer;
    padding: 1px;
}
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active
{
    opacity: 0.99;
}
div.wysiwyg ul.panel li a.active
{
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-left-color: #AAA;
    border-top-color: #AAA;
    padding: 0;
}

div.wysiwyg ul.panel li a.bold
{
    background-position: 0 -16px;
}
div.wysiwyg ul.panel li a.italic
{
    background-position: -16px -16px;
}
div.wysiwyg ul.panel li a.strikeThrough
{
    background-position: -32px -16px;
}
div.wysiwyg ul.panel li a.underline
{
    background-position: -48px -16px;
}

div.wysiwyg ul.panel li a.justifyLeft
{
    background-position: 0 0;
}
div.wysiwyg ul.panel li a.justifyCenter
{
    background-position: -16px 0;
}
div.wysiwyg ul.panel li a.justifyRight
{
    background-position: -32px 0;
}
div.wysiwyg ul.panel li a.justifyFull
{
    background-position: -48px 0;
}

div.wysiwyg ul.panel li a.indent
{
    background-position: -64px 0;
}
div.wysiwyg ul.panel li a.outdent
{
    background-position: -80px 0;
}

div.wysiwyg ul.panel li a.subscript
{
    background-position: -64px -16px;
}
div.wysiwyg ul.panel li a.superscript
{
    background-position: -80px -16px;
}

div.wysiwyg ul.panel li a.undo
{
    background-position: 0 -64px;
}
div.wysiwyg ul.panel li a.redo
{
    background-position: -16px -64px;
}

div.wysiwyg ul.panel li a.insertOrderedList
{
    background-position: -32px -48px;
}
div.wysiwyg ul.panel li a.insertUnorderedList
{
    background-position: -16px -48px;
}
div.wysiwyg ul.panel li a.insertHorizontalRule
{
    background-position: 0 -48px;
}

div.wysiwyg ul.panel li a.h1
{
    background-position: 0 -32px;
}
div.wysiwyg ul.panel li a.h2
{
    background-position: -16px -32px;
}
div.wysiwyg ul.panel li a.h3
{
    background-position: -32px -32px;
}
div.wysiwyg ul.panel li a.h4
{
    background-position: -48px -32px;
}
div.wysiwyg ul.panel li a.h5
{
    background-position: -64px -32px;
}
div.wysiwyg ul.panel li a.h6
{
    background-position: -80px -32px;
}

div.wysiwyg ul.panel li a.cut
{
    background-position: -32px -64px;
}
div.wysiwyg ul.panel li a.copy
{
    background-position: -48px -64px;
}
div.wysiwyg ul.panel li a.paste
{
    background-position: -64px -64px;
}

div.wysiwyg ul.panel li a.increaseFontSize
{
    background-position: -16px -80px;
}
div.wysiwyg ul.panel li a.decreaseFontSize
{
    background-position: -32px -80px;
}

div.wysiwyg ul.panel li a.createLink
{
    background-position: -80px -48px;
}
div.wysiwyg ul.panel li a.insertImage
{
    background-position: -80px -80px;
}

div.wysiwyg ul.panel li a.html
{
    background-position: -48px -48px;
}
div.wysiwyg ul.panel li a.removeFormat
{
    background-position: -80px -64px;
}

div.wysiwyg ul.panel li a.empty
{
    background-position: -64px -80px;
}

div.wysiwyg iframe
{
    border: 0;
    margin: 5px 0 0 0;
    clear: left;
}

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

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

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

/* Wizard Control Style */

/* = #wizardNav2 & #wizardNav3 & #wizardNav4 & #wizardNav5
----------------------------------------------------------------------------------------------------*/
.wizardNav
{
    clear: both;
    padding: 0;
}
.wizardNav li
{
    height: 71px;
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0;
    background-color: #EBEBEB;
    background-image: url('img/navBtn.gif');
    background-repeat: no-repeat;
    background-position: right top;
}

.wizardNav li.current
{
    background-color: #C36615;
    background-image: url('img/navCurrentBtn.gif');
}

.wizardNav li.lastDone
{
    background-color: #7C8437;
    background-image: url('img/navLastDoneBtn.gif');
}

.wizardNav li.done
{
    background-color: #7C8437;
    background-image: url('img/navDoneBtn.gif');
}

.wizardNav li a, .wizardNav li a:link, .wizardNav li a:visited, .wizardNav li a:hover, .wizardNav li a:active
{
    color: #ccc;
}

.wizardNav li.lastDone a, .wizardNav li.lastDone a:link, .wizardNav li.lastDone a:visited, .wizardNav li.lastDone a:hover, .wizardNav li.lastDone a:active, .wizardNav li.current a, .wizardNav li.current a:link, .wizardNav li.current a:visited, .wizardNav li.current a:hover, .wizardNav li.current a:active, .wizardNav li.done a, .wizardNav li.done a:link, .wizardNav li.done a:visited, .wizardNav li.done a:hover, .wizardNav li.done a:active
{
    color: #fff;
}

.wizardNav li.current a
{
    cursor: default;
}

.wizardNav li.done a:hover, .wizardNav li.lastDone a:hover
{
    color: #FFFF99;
    text-decoration: underline;
}

.wizardNav li a em
{
    display: block;
    margin: 6px 0 0 6px;
    font-style: normal;
    font-weight: bold;
}

.wizardNav li a span
{
    display: block;
    margin-left: 10px;
    font-weight: normal;
}

.wizardNav li.wizarNavNoBg
{
    background-image: none;
}

.wizardNav li a
{
    height: 71px;
    display: block;
    cursor: pointer;
    background-color: Transparent;
}


.wizardpanel
{
    display: none;
    margin: 0;
    padding: 0;
}
.wizardcontent
{
    /*height: 300px;*/
}


.wizardwrapper
{
    width: auto;
}

.wizardcontent h1
{
    color: #444444;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    background-color: Transparent;
}

/* Box Control */
#header .boxcontrol
{
    padding: 0px;
}

#contenttop .boxcontrol
{
    padding: 0px;
}
.widget .box-content
{
    padding: 4px;
}
.box-content, .box-toptablecenter, .box-footertablecenter, .box-side, .box-content-left, .box-content-right
{
    background-color: #FFF;
}


.box-topleftcorner, .box-toptablecenter, .box-toprightcorner, .box-side, .box-footerleftcorner, .box-footertablecenter, .box-footerrightcorner
{
    font-size: 7px;
}

.box-topleftcorner, .box-toprightcorner, .box-footerleftcorner, .box-footerrightcorner
{
    background-color: transparent;
    width: 12px;
    background-repeat: no-repeat;
}

.box-topleftcorner, .box-toprightcorner
{
    background-position: top;
}
.box-footerleftcorner, .box-footerrightcorner
{
    background-position: bottom;
}

.boxcontrol .box-toptablecenter.header
{
    font-family: georgia,garamond,serif;
    padding: 8px 0 4px 2px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
}

#improve_groups .box-toptablecenter, #improve_agents .box-toptablecenter
{
    font-family: georgia,garamond,serif;
    padding: 0px 0 2px 0px;
    border-bottom: 1px solid #DDDDDD; /*font-size: 12px;*/
    padding: 3px 0 4px 3px;
}

#improve_groups .box-topleftcorner, #improve_groups .box-toprightcorner, #improve_agents .box-topleftcorner, #improve_agents .box-toprightcorner
{
    border-bottom: 1px solid #DDDDDD;
}

#improve_groups .box-toptablecenter h2, #improve_agents .box-toptablecenter h2
{
    letter-spacing: normal;
}


#improve_groups .box-toptablecenter .buttonlistright, #improve_agents .box-toptablecenter .buttonlistright
{
    margin: 0;
    padding: 0;
}

#improve_groups .box-toptablecenter .buttonlistright a:hover, #improve_agents .box-toptablecenter .buttonlistright a:hover
{
    background-color: Transparent;
}


.boxcontrol .box-toptablecenter.header h2
{
    color: #645f50;
}
.boxcontrol .box-topleftcorner.header, .boxcontrol .box-toprightcorner.header
{
    border-bottom: 1px solid #DDDDDD;
}

.boxcontrol .box-toptablecenter.header h2
{
    float: left;
}

.box-topleftcorner
{
    min-width: 8px;
    background-image: url('img/topleftcorner.png');
}

.box-toprightcorner
{
    min-width: 8px;
    background-image: url('img/toprightcorner.png');
}

.box-footerrightcorner
{
    min-width: 16px;
    background-image: url('img/bottomrightcorner.png');
    background-position: right bottom;
}

.box-footertablecenter
{
    background-image: url('img/bottomcenter.png');
    background-position: center bottom;
    background-repeat: repeat-x;
}

.box-footerleftcorner
{
    min-width: 16px;
    background-image: url('img/bottomleftcorner.png');
    background-position: left bottom;
}


.boxcontrol
{
    width: 100%;
    padding: 8px 0px 0px 0px;
    margin: 8px 0px 0px 0px;
}
.boxcontrol .number
{
    padding-left: 4px;
    font-size: 14px;
}


#loginControl .regfield
{
    padding: 2px 0 4px;
}

#loginControl .regfield label
{
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    font-size: 12px;
}
#loginControl .formfield input[type="submit"]
{
    margin-top: 2px;
}
#loginControl .regfield input, #loginControl .regfield select, #loginControl .regfield textarea
{
    margin-left: 1px;
}

#loginControl .switch input
{
    float: none;
}

#loginControl .regbuttons
{
    padding-left: 0;
    margin: 5px 10px 0px 2px;
}

#loginControl .switch
{
    margin-right: 0;
    float: right;
}

#loginControl .regfielderror
{
    margin-left: 0px;
}

#footer .links ul
{
    float: left;
    text-align: left;
    list-style-type: none;
    padding-left: 0;
    margin-left: 30px;
}

#footer .links ul .header
{
    margin-left: 4px;
    font-weight: bold;
}

.text
{
    clear: both;
}

#headerlinks table
{
    background-image: none;
}

#headerlinks
{
    margin: 0px auto;
    background-image: url('img/ethical_economy_header.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
    width: 980px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#headerbox
{
    margin: 12px auto;
    width: 980px;
}

#toptoolbox
{
    /*background-image: url('img/menubar.png');*/
    vertical-align: middle;
    background-color: #D9D4B9;
    height: 27px;
}

.middlepagecontent
{
    margin: 0px auto;
    width: 980px;
}

/* Book */

#quote .box-content, #quote .box-content-left, #quote .box-content-right, #quote .box-toptablecenter
{
    background-color: #D9D4B9;
}

#quote .box-content
{
    background-image: url('img/book.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 100px;
}

#quote .box-footertablecenter
{
    background-image: url('img/quote_bottomcenter.png');
    background-position: center top;
    height: 55px;
    background-color: Transparent;
}
#quote .box-toprightcorner
{
    background-image: url('img/quote_toprightcorner.png');
}
#quote .box-topleftcorner
{
    background-image: url('img/quote_topleftcorner.png');
}
#quote .box-footerleftcorner
{
    background-image: url('img/quote_bottomleftcorner.png');
    background-position: left top;
}

#quote .box-footerrightcorner
{
    background-image: url('img/quote_bottomrightcorner.png');
    background-position: right top;
}

#quote h1
{
    color: #fff;
    padding: 30px 26px 0px 26px;
    letter-spacing: 3px;
}
#quote h2
{
    color: #fff;
    padding: 0px 26px 30px 40px;
    margin: 0px;
    letter-spacing: 1px;
    text-transform: inherit;
}

/*#quotefooter
{
    background-image: url('img/quotefooter.gif');
    background-repeat: no-repeat;
    width: 977px;
    height: 52px;
}*/

#offers
{
    width: 100%;
    height: 141px;
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
}

#offers li
{
    display: block;
    width: 326px;
    height: 140px;
    float: left;
    text-align: center;
    margin-right: 1px;
    font-size: 12px;
}

#offers li div
{
    padding-top: 42px;
}

#offers #offer_download
{
    background-image: url('img/book_download.png');
    background-position: left center;
    background-repeat: no-repeat;
}

#offers #offer_download:hover
{
    background-image: url('img/book_download_hover.png');
}

#offers #offer_getinvolved
{
    background-image: url('img/book_getinvolved.png');
    background-position: left center;
    background-repeat: no-repeat;
}

#offers #offer_getinvolved:hover
{
    background-image: url('img/book_getinvolved_hover.png');
}

#offers #offer_bealerted
{
    background-image: url('img/book_bealreted.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 0;
}

#offers #offer_bealerted:hover
{
    background-image: url('img/book_bealreted_hover.png');
}

#offers li h2
{
    margin: 0px;
    padding: 0px;
    text-transform: inherit;
}
#offers li a
{
    color: #004A00;
}
#offers li h2 a
{
    color: #003300;
    display: block;
    font-size: 24px;
    font-weight: bold;
}

#offers li h2 a:hover
{
    background-color: Transparent;
}

#offers li a.files, .bookfiles
{
    background-image: url('img/pdf_icon.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    margin: 8px;
}

.imroveAgents
{
    float: left;
}

.gettool
{
    float: right;
    width: 65px;
    margin-top: 70px;
}

.gettool a:hover
{
    background-color: Transparent;
}

.gettoolbutton
{
    float: right;
    display: table;
}

.gettoolbutton a
{
}
.gettoolbutton img
{
}

/* Info Box */
.fieldinfobox .fieldinfoboxcontent
{
    margin-top: 1px;
    padding-left: 1.6em;
    padding: 0 0 0 1.3em;
}

.fieldinfobox
{
    background: #FFFFFF url('img/helper_arrow.gif') no-repeat scroll 0 0.4em;
    margin: 0px -0.2em 0px 0px;
    z-index: 1;
    font-size: 90%;
    padding-top: 4px;
    position: absolute;
    right: 0;
    top: 1;
    width: 19em;
    left: 900px;
    display: none;
}

#joinPage .regfield .radiolist input
{
    margin-left: 8px;
    margin-right: 6px;
}

#joinPage .regfielderror
{
    float: left;
}

/* Paging */

#pagination
{
    margin: 0;
    padding: 0;
    margin-left: 180px;
}
#pagination li
{
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 11px;
    list-style: none;
}
#pagination a
{
    border: solid 1px #DDDDDD;
    margin-right: 2px;
    color: inherit;
}
#pagination .previous-off, #pagination .next-off
{
    color: #555555;
    display: block;
    float: left;
    font-weight: bold;
    padding: 3px 4px;
}
#pagination .next a, #pagination .previous a
{
    font-weight: bold;
    border: solid 1px #FFFFFF;
    color: #E59500;
    padding: 3px 4px;
}
#pagination .active
{
    color: #F81D0F;
    font-weight: bold;
    display: block;
    float: left;
    padding: 4px 6px;
}
#pagination a:link, #pagination a:visited
{
    color: #E59500;
    display: block;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
}
#pagination a:hover
{
    border: solid 1px #666666;
}

.deleteConnectionButton
{
    vertical-align: middle;
}

/* ---------------------------- KPIs ---------------------------- */
body #page #subheader_My_KPIs,
body #page #subheader_News,
body #page #subheader_My_Reports,
body #page #headermenu_Market_Analysis,
body #page #pnlCompanyDescription
{display:none;}

.publishdate {
    color:#555555;
}
.colorpicker
{
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url('img/colorpicker_background.png' );
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color
{
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url('img/colorpicker_overlay.png' );
}
.colorpicker_color div div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url('img/colorpicker_select.gif' );
	margin: -5px 0 0 -5px;
}
.colorpicker_hue
{
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div
{
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url('img/colorpicker_indic.gif') left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color
{
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color
{
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input
{
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex
{
	position: absolute;
	width: 72px;
	height: 22px;
	background: url('img/colorpicker_hex.png') top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input
{
	right: 6px;
}
.colorpicker_field
{
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span
{
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r
{
	background-image: url('img/colorpicker_rgb_r.png' );
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g
{
	background-image: url('img/colorpicker_rgb_g.png' );
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b
{
	background-image: url('img/colorpicker_rgb_b.png' );
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h
{
	background-image: url('img/colorpicker_hsb_h.png' );
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s
{
	background-image: url('img/colorpicker_hsb_s.png' );
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b
{
	background-image: url('img/colorpicker_hsb_b.png' );
	top: 112px;
	left: 282px;
}
.colorpicker_submit
{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url('img/colorpicker_submit.png' ) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus
{
	background-position: center;
}
.colorpicker_hex.colorpicker_focus
{
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus
{
	background-position: bottom;
}
.colorpicker_slider
{
	background-position: bottom;
}

.colorpicker_Widget
{
	width: 36px;
	height: 36px;
	position: relative;
}

.colorpicker_Selector
{
	background: transparent url(img/select2.png) repeat scroll 0 0;
	height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	width: 36px;
}

.colorpicker_Selector div
{
	background: transparent url(img/select2.png) repeat scroll center center;
	height: 28px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 28px;
}

.colorpicker_Holder
{
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 32px;
	width: 356px;
}