/* 
    Document   : mw
    Created on : 2007-10-23, 13:39:41
    Author     : pdion
    Description:
        Purpose of the stylesheet follows.
*/

body {
    margin: 0px; padding: 0px;
}
div, textarea{
    font-family: Arial, Helvetica, sans-serif;
}

hr {color: #c9c9c9;  background-color: #c9c9c9; height: 1px; border: 0}

.example{
    color: #777777;
    font-size: 11px;
}
.contactsTextTitle {
    color: #49abe7;
    font-size: 11px;
    cursor: pointer;
}

.favoritesTextTitle {
    color: #49abe7;
    font-size: 11px;
    cursor: pointer;
}

.addToMyContacts {
    cursor: pointer;
    background-color: #49ABE7;
    color: #FFFFFF;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    float: right;
    line-height: 9px;
    font-size: 9px;
    padding: 4px;
    margin-top: 8px;
    margin-right: 0px;
    
}

.contactsFilterTitle {
    cursor: pointer;
    background-color: #49ABE7;
    color: #FFFFFF;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    float: right;
    margin-left: 0px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    margin-top: -2px;
    margin-right: 1px;
    line-height: 12px;
    padding: 4px;
    font-size: 11px;
    vertical-align: middle;
}

.boutonText {font-family: Helvetica; font-weight: bold; color: #ffffff; font-size: 11px}
.longText { font-size: 9px; }



.confirmMessage {
    font-size: 12px;
    color: #6ccb1e;
}

.errorMessage {
    font-size: 12px;
    color: #ce1818;
}

div.footerContainer {
    clear: both;
}

div.footer {
    float: right;
    color: #777777;
    font-size: 11px;
    padding: 5px;
}

.divBottom {
    width: 100%; 
    height: 500px; 
    text-align: center; 
    background-image: url(../images/degrade.gif); 
    background-repeat: repeat-x;
}

.divBottomCentered {
    width: 1000px; 
    padding-top: 10px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
}

.divMenu {
    width: 280px; 
    float: left; 
    padding: 2px;

}

.divMenuRight {
    width: 290px; 
    float: left; 
    padding: 2px;
}

.divMenuEdit {
    width: 175px; 
    float: left; 
    padding: 2px;
}

.divMainSectionLarge {
    width: 712px; 
    float: left; 
    padding: 2px;
}
.divMainSectionSmall {
    width: 428px; 
    float: left; 
    padding: 2px;
}

.divMainSectionEdit {
    width: 817px; 
    float: left; 
    padding: 2px;
}

.divBox1 {
    border: 1px solid #c9c9c9; 
    background-color: #f8f8f8;
    color: #777777;
    font-size: 11px;
}

.divBoxPubHeader {
    border: 1px solid #c9c9c9; 
    background-color: #eaeaea; 
    padding: 5px; 
    height: 15px;
    color: #525252;
    font-size: 14px;
}

.divBoxPubImage {
    border: 1px solid #c9c9c9; 
}


.divBoxPubContent {
    border-left: 1px solid #c9c9c9; 
    border-right: 1px solid #c9c9c9; 
    border-bottom: 1px solid #c9c9c9; 
    background-color: #eaeaea; 
    padding: 5px; 
    background-color: #f8f8f8;
    color: #777777;
    font-size: 11px;
}

.divBox1Header {
    border-bottom: 1px solid #c9c9c9; 
    background-color: #eaeaea; 
    padding: 5px; 
    /*height: 15px;*/
    color: #525252;
    font-size: 14px;
}

.divBox1Content {
    padding: 5px; 
    background-color: #f8f8f8;
    color: #777777;
    font-size: 11px;
}

.divBox1Footer {
    border-top: 1px solid #c9c9c9; 
    background-color: #eaeaea; 
    padding: 5px;
    height: 15px;
    color: #525252;
    font-size: 14px;
}

.divBox1 .listTexts{
    color: #616161;
    font-size: 12px;
}

.divBox1 .link:link { color: #272727; text-decoration: none }
.divBox1 .link:visited { color: #272727; text-decoration: none }
.divBox1 .link:hover { color: #272727; text-decoration: none }

.viewportOverrideDiv {z-index: 1; display: none; background-color: #cacaca; opacity: 0.6; filter:alpha(opacity=60); position: absolute; top: 0; left: 0; width: 100%;}
.viewportOverrideDivContentContainer {display: none; visibility: hidden; position: absolute; background-color: #F8F8F8; z-index: 2; border: solid 1px #C9C9C9;}
.viewportOverrideDivContentContainer .close {font-size: 11px; padding: 2px}
.viewportOverrideDivContentContainer .close .link:link { color: #777777; text-decoration: underline }
.viewportOverrideDivContentContainer .close .link:visited { color: #777777; text-decoration: underline }
.viewportOverrideDivContentContainer .close .link:hover { color: #777777; text-decoration: underline }

.editBox {

}

.editBox .close {
    float: right;
}

.editBox .close .link:link { color: #777777; text-decoration: underline }
.editBox .close .link:visited { color: #777777; text-decoration: underline }
.editBox .close .link:hover { color: #777777; text-decoration: underline }

.editBox .preview .link:link { color: #37A3E5; text-decoration: underline }
.editBox .preview .link:visited { color: #37A3E5; text-decoration: underline }
.editBox .preview .link:hover { color: #777777; text-decoration: underline }


.editBox .edit {
    width: 628px;
    padding: 5px; 
    border-left: 1px solid #c9c9c9; 
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    display: none;
}

.editBox .edit .section {
    width: 50%; 
    float: left;
}

.editBox .edit .inputText {
    width: 95%;
}

.editBox .edit .textArea {
    height: 75px;
}

.editBox .edit .select {
    height: 19px;
    width: 95%;
}

.editBox .edit .multiselect {
    height: 81px;
    width: 95%;
}

.editBox .edit .title {
    color: #37a3e5;
    font-size: 14px;
}

.editBox .edit .title2 {
    color: #37a3e5;
    font-size: 12px;
}

.editBox .edit .subtitle {
    color:#777777;
    font-size: 12px;
    font-weight: bold;
}

.editBox .edit .notice {
    font-style: italic;
    font-size: 10px;
}

.editBox .addBaseMap {
    border: 1px solid #C9C9C9;
    border-bottom: none;
    z-index: 1;
    background-color: white; 
    padding: 5px;
    font-size: 11px;
    color: #777777;
}

.editBox .addBaseMap .description {font-size: 10px;}

.editBox .addBaseMap .type {font-size: 11px;}

.editBox .addBaseMap .cannot {color: #ce1818; font-size: 10px;}

.editBox .cannot {color: #ce1818; font-size: 10px;}

.editBox .codeBox {border: solid 1px #C9C9C9; padding: 5px}

.editBox .code {padding-left: 25px; padding-top: 5px; padding-bottom:5px; font-size: 10px}

fieldset {
    border: 1px solid #c9c9c9; 
    padding: 4px;
}
legend {
    margin-left: 5px; 
    padding-left: 0px; 
    padding-right: 0px;
}

.editBox .edit .text {
    color: #777777;
    font-size: 12px;
}

.editBox .edit .padding {
    padding-bottom: 5px;
}

div.resumeBox {
    float: left; 
    margin-top: 37px; 
    width: 133px; 
    padding: 5px; 
    border-left: 1px solid #c9c9c9; 
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

div.resumeBox .title {
    color: #777777;
    font-size: 11px;
}

div.resumeBox .text {
    color: #272727;
    font-size: 11px;
}

div.resumeBox .buttonContainer {
    margin-top: 5px;
} 

.divBox2 {
    border: 1px solid #c9c9c9;
    padding: 5px;
    background-color: #f8f8f8;
    color: #777777;
    font-size: 11px;
}

.divBoxProjectInfo {
    border: 1px solid #c9c9c9;
    background-color: #f8f8f8;
    color: #777777;
    font-size: 11px;
    height: 430px;
}

.projectInfoContent {
    padding: 5px; 
}

.welcome {
    border: 1px solid #c9c9c9;
    background-color: white;
}

.divBoxSuggest {
    border: 1px solid #c9c9c9; 
    padding: 5px; 
    background-color: #f8f8f8;
    color: #777777;
    font-size: 12px;
    padding: 0px; 
    position: absolute;
    z-index: 5;
}

.suggestElementSelected {
    background-color: #FFA701;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #ffffff;
    cursor: pointer;
}

.suggestElement {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    background-color: #f8f8f8;
}


.divBox2 .title {
    color: #37a3e5;
    font-size: 12px;
}

.divBoxSpacer {
    height: 2px;
}

.divBoxInner {
    padding: 5px; 
    background-color: #ffae00
}

div.innerBoxSpacer {
    height: 5px;
}

div.smallBoxSpacer {
    height: 2px;
}

.tabs {
    border-left: 1px solid #C9C9C9;
}

.tab {
    padding: 5px; 
    background-color: #f4f3f2; 
    float: left; 
    border-right: 1px solid #C9C9C9; 
    border-top: 1px solid #C9C9C9;
    color: #616161;
    font-size: 13px;
}

.tabHack {
    padding: 5px; 
    float: left; 
    border-right: 1px solid #C9C9C9; 
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    height: 15px;
}

.tabAction {
    cursor: pointer;
}

.tabCurrent {
    padding: 5px; 
    background-color: #C9C9C9; 
    float: left; 
    border-right: 1px solid #C9C9C9; 
    border-top: 1px solid #C9C9C9;
    color: #ffffff;
    font-size: 13px;
}

div.publish {

}

div.publish .title1 {
    color: #272727;
    font-size: 14px;
}

div.publish .title2 {
    color: #777777;
    font-size: 12px;
}

div.publish .text {
    color: #777777;
    font-size: 12px;
}

div.publish .text2 {
    color: #272727;
    font-size: 14px;
}

div.publish .important {
    color: #ce1818;
    font-size: 14px;
}

div.publish .file {
    color: #37a3e5;
    font-size: 12px;
}

div.publish .publishBox {
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    border-top: 1px solid #C9C9C9;
    padding: 5px; 
    clear: both;
}

div.publish .publishBox .wait {
    margin-bottom: 150px;
    display: block;
}

div.publish .publishBox .error {
    margin-bottom: 150px;
    display: none;
}

div.publish .publishBox .files_list{
    margin-top: 5px;
    clear: left;
    background-color: #f8f8f8;
    border: 1px solid #C9C9C9;
    padding: 5px;
    display: none;
}
.files_list_table {
    width: 490px;
}
.files_list_table_row {
    background-color: #f8f8f8;
    margin-top: 1px;
    margin-bottom: 1px;
    display: block;
    padding-bottom: 1px; padding-top: 1px;
}
.files_list_table_column-1, .files_list_table_column0, .files_list_table_column1, .files_list_table_column2, .files_list_table_column3, .files_list_table_column4, .files_list_table_column_0_footer, .files_list_table_column_1_footer {
    margin-left: 0px; margin-right: 0px; float: left;
    height: 16px;
    background-color: #f0f0f0;
}
.files_list_table_column-1 { width: 3px; border-color: #eaeaea; }
.files_list_table_column0 { width: 15px; }
.files_list_table_column1 { width: 250px;
    color: #37A3E5;
    padding-left:30px;
   /* background-color:#F0F0F0;*/
    font-size:11px;
    background: #f0f0f0 url(../images/layerClosed.gif) no-repeat -8px 50%;
    overflow:hidden;
}
.files_list_table_column2 { width: 100px; }
.files_list_table_column3 {
    width: 100px;
    text-align: right;
    padding-right: 5px;
}
.files_list_table_column_framed {
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    padding-left: 3px;
    height: 14px;
}
.files_list_table_column_0_footer, .files_list_table_column_1_footer {
    background-color: #f0f0f0;
    border: none;
    font-weight: bold;
    text-align: right;
}
.files_list_table_column_0_footer { width: 350px; padding-left: 30px; border: 1px solid #f0f0f0; }
.files_list_table_column_1_footer { width: 100px; padding-right: 5px; }

div.publish .publishBox .errors {
    clear: left; 
    display: none;
    margin-top: 5px;
}

div.publish .publishBox .warnings {
    clear: left; 
    display: none;
    margin-top: 5px;
}

div.publish .publishBox .main {

}

div.publish .publishBox .notice {
    margin-top: 5px;
    clear: left; 
    background-color: #f4f3f2; 
    border: 1px solid #C9C9C9; 
    padding: 5px;
    display: none;
}

div.publish .publishBox .buttons {
    clear: left;
}

div.publish .publishBox .continue {
    margin-top: 5px;
    display: none;
    text-align: right;
}

div.publish .publishBox .cancel {
    margin-top: 5px;
    display: none;
}

div.publish .project {
    clear: left; 
    display: none;
    margin-top: 5px;
}

div.publish .publishBox .chooseFile {
    width: 300px; 
    /*height: 100px; */
    float: left;
    background-color: #f4f3f2; 
    border: 1px solid #C9C9C9; 
    padding: 5px;
    margin-right: 5px;
    display: none;
}

div.publish .publishBox .projectInfo {
    width: 217px; 
    /*height: 100px; */
    float: left;
    background-color: #f4f3f2; 
    border: 1px solid #C9C9C9; 
    padding: 5px; 
    /*margin-right: 5px;*/
    display: none;
}

div.publish .publishBox .spaceProjection {
    width: 230px; 
    /*height: 100px; */
    float: right;
    background-color: #f4f3f2; 
    border: 1px solid #C9C9C9; 
    padding: 5px; 
    display: none;
}

div.publish .publishBox .progress {
    width: 546px; 
    /*height: 100px;*/ 
    float: right;
    background-color: #f4f3f2; 
    border: 1px solid #C9C9C9; 
    padding: 5px; 
    display: none;
}

div.publish .publishBox .end {
    width: 546px; 
    /*height: 100px; */
    float: right;
    background-color: #f4f3f2; 
    border: 1px solid #C9C9C9; 
    padding: 5px; 
    display: none;
}

div.top {width: 100%; text-align: center; margin-bottom : 15px;}

div#header{
    color: #ffffff;
    width : 1001px;
    margin-left: auto; margin-right: auto; text-align: left;
}
#header .headerImage{
    width : 999px;
    height : 93px;
    border : solid #c9c9c9 1px;
    position : relative;
    background-image : url('../images/HEADER2010.gif');
}
#header a{
    text-decoration : none;
}
#header a:hover{
    text-decoration : underline;
}
#header .headerImage .session{
    font-size: 11px;
    position: absolute; right: 10px; top: 5px;
}
#header .headerImage .slogan{
    font-size: 11px;
    position: absolute; left: 270px; top: 35px;
}
#header .headerImage .slogan .beta{
     font-style: italic;
}

#header .headerImage .contact{
    font-size: 13px;
    position: absolute; right: 10px; top: 35px;
}
#header .headerImage .contact2{
    font-size: 13px;
    position: absolute; right: 10px; top: 55px;
}

#header .headerImage .clickable{
    position: absolute; left: 0px; top: 0px; width: 260px; height: 93px; cursor: pointer;
}
#header .headerImage a{
    color : #ffffff;
}
#header .headerImage a:hover{
    text-decoration : underline;
}
#header .menu {
    font-size: 13px;
    background-color : #e5e5e5;
    border-left : solid #c9c9c9 1px;
    border-right : solid #c9c9c9 1px;
    border-bottom : solid #c9c9c9 1px;
    line-height : 28px;
}
#header .menuLeft{
    color : #525252;
}
#header .menuLeft a{
    color : #525252;
}
#header .menuLeft .element{
    line-height : 30px;
    float: left;
    border-right : solid #c9c9c9 1px;
    vertical-align : middle;
    padding: 0px 15px;
    cursor: pointer;
}
#header .menuLeft .elementOrange{
    color: #ffffff;
    line-height : 30px;
    float: left;
    border-right : solid #c9c9c9 1px;
    vertical-align : middle;
    padding: 0px 15px;
    cursor: pointer;
    background-color : #ff8e01;
}
#header .menu .elementSelected{
    line-height : 30px;
    float: left;
    color: #ffffff;
    border-right : solid #c9c9c9 1px;
    vertical-align : middle;
    padding: 0px 15px;
    background-color : #49abe7;
    cursor: pointer;
}
#header .menu .element:hover, #header .menu .elementOrange:hover{
    color: #ffffff;
    background-color : #49abe7;
}

#header .menu .forum{
    float: left;
    border-right : solid #c9c9c9 1px;
    border-left : solid #c9c9c9 1px;
    height: 100%;
    vertical-align : middle;
}
#header .menu .forum div{
    float: left;
    background-color: #ffa701; 
    border: solid #ffffff 1px; 
    height: 28px;
    padding : 0 15px;
}
#header .menu .forum a{
    color : #ffffff;
}

#header .menu .search{
    color : #ffffff;
    float: left;
    /*height: 100%;*/
    /*vertical-align : middle;*/
}
#header .menu .search .searchInner{
    float: left;
    background-color: #49abe7; 
    border: solid #ffffff 1px; 
    height: 28px;
    padding : 0 15px;
}

#signInBox{
    color : #ffffff;
    font-size : 12px;
    border: 1px solid #c9c9c9; 
    padding: 5px; 
    background-color: #f8f8f8;
}
#signInBox .divBoxInner {
    padding: 0px;
    background-color: #ff8e01;
    border: 2px solid #FFFFFF;
}
#signInBox .divBoxInnerContent {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
#signInBox form{
    margin: 0px;
    padding: 0px;
}
#signInBox input{
    margin: 3px;
}
#signInBox a{
    color: #ffffff;
    text-decoration: none;
}
#signInBox a:hover{
    text-decoration: underline;
}
#signInBox .divBoxInner .title{
    font-size : 14px;
}
#signInBox .description{
    font-size : 11px;
}
#signInBox .signIn{
    font-size : 12px;
}
#signInBox .textbox{
    width: 175px;
}


#signInBox #signInError{
    font-size: 11px;
    color: red;
}

.projectItem {
    background-color : #f3f1f0;
    border : solid #C9C9C9 1px;
}

.projectInfoLoading {
    width : 688px;
    height: 100px;
    padding : 5px;
}
.divMenu .projectInfoLoading {
    width : 256px;
    height: 100px;
    padding : 5px;
}

.projectNotViewed a:link{font-weight: normal; font-size: 9px; color: red; text-decoration : none;}
.projectNotViewed a:hover{font-weight: normal; font-size: 9px; color: red; text-decoration : none;}

.projectInfo{

}
.projectInfo .projectDescription{}
.projectInfo .title{font-size: 14px; color : #272727; font-weight: bold; padding: 0px 0px 0px 0px;}
.projectInfo .descriptor{font-size: 13px; color : #777777;}
.projectInfo .value{font-size: 13px; color : #272727;}
.projectInfo .description{font-size: 12px; color : #272727; word-wrap: break-word; overflow: hidden}
.projectInfo a{color: #272727; text-decoration : none;}
.projectInfo a:hover{text-decoration : underline;}
.projectInfo .bracket {font-size: 14px; color: #37a3e5}

.projectInfoFull{
    width : 688px;
    padding : 5px;
}

.maximumSizeRule {
    word-wrap: break-word;
    overflow: hidden;
}
.contactBodySize {
    width: 150px;
}

#miniProfile-description{position: absolute; visibility: hidden; width: 268px; word-wrap: break-word; overflow: hidden}

.projectInfoFull .projectDescription{float: left; width: 422px;}
.projectInfoFull .projectPreview{ float: right; background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; width: 265px;}
.projectInfoFull .title{font-size: 14px; color : #272727; font-weight: bold; padding: 0px 0px 10px 0px;}
.projectInfoFull .descriptor{font-size: 12px; color : #777777;}
.projectInfoFull .value{font-size: 13px; color : #272727;}
.projectInfoFull .description{position: absolute; visibility: hidden; width: 422px; font-size: 12px; color : #272727; word-wrap: break-word; overflow: hidden}
.projectInfoFull a{color: #272727; text-decoration : none;}
.projectInfoFull a:hover{text-decoration : underline;}

.projectInfoFull .pngHck {
    width: 265px;
    height: 146px;
    position: relative;
    left: 0px;
}
html>body .projectInfoFull .pngHck {
    width: 265px;
    height: 146px;
    position: relative;
    left: 0px;
    filter: none;
    background-image: url('../images/MASK_only_v1.png');
}

.divMainSectionEdit .projectInfoFull{
    width : 648px;
    padding : 5px;
}
.divMainSectionEdit .projectInfoFull .projectDescription{float: left; width: 382px;}
.divMainSectionEdit .projectInfoFull .description{position: absolute; visibility: hidden; width: 382px; font-size: 12px; color : #272727; word-wrap: break-word; overflow: hidden}
.divMainSectionEdit .projectInfoLoading {
    width : 648px;
    height: 125px;
    padding : 5px;
}

.divMainSectionMyGroup .projectInfoFull{
    width : 637px;
    padding : 5px;
}
.divMainSectionMyGroup .projectInfoFull .projectDescription{float: left; width: 372px;}
.divMainSectionMyGroup .projectInfoFull .description{position: absolute; visibility: hidden; width: 372px; font-size: 12px; color : #272727; word-wrap: break-word; overflow: hidden}
.divMainSectionMyGroup .projectInfoLoading {
    width : 637px;
    height: 125px;
    padding : 5px;
}

.projectInfoMedium{
    padding: 5px; 
    color: #777777;
    font-size: 12px;
    width : 256px;
}

.projectInfoMedium .projectDescription{float: left; width: 129px; padding: 5px;}
.projectInfoMedium .projectPreview{ float: right; background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; width: 117px;}
.projectInfoMedium .title{font-size: 14px; color : #272727; font-weight: bold; padding: 0px 0px 0px 0px}
.projectInfoMedium .element{padding: 0px 0px 5px 0px;}
.projectInfoMedium .descriptor{font-size: 12px; color : #777777;}
.projectInfoMedium .value{font-size: 13px; color : #272727;}
.projectInfoMedium a{color: #272727; text-decoration : none;}
.projectInfoMedium a:hover{text-decoration : underline;}
.projectInfoMedium .pngHck {
    width: 117px;
    height: 63px;
    position: relative;
    left: 0px;
}
html>body .projectInfoMedium .pngHck {
    width: 117px;
    height: 63px;
    position: relative;
    left: 0px;
    filter: none;
    background-image: url('../images/MASK_only_v1_110.png');
}

.newsProjectToday{
    padding: 0px; 
    margin: 0px;
    color: #777777;
    font-size: 13px;
    background-color : #f4f3f2;
    border : solid #C9C9C9 1px;
}

.newsProjectToday .value{font-size: 13px; color : #272727;}
.newsProjectToday a {font-weight: bold; color: #272727; text-decoration : none;}
.newsProjectToday a:hover{text-decoration : underline;}

.newsProject{
    padding: 0px; 
    margin: 0px;
    color: #777777;
    font-size: 10px;
    background-color : #f4f3f2;
    border : solid #C9C9C9 1px;
}
.newsProject .value{font-size: 10px; color : #272727;}
.newsProject a {font-weight: bold; color: #272727; text-decoration : none;}
.newsProject a:hover {text-decoration : underline;}


.boxSpace {width: 99%; border : 1px solid #c9c9c9; height: 11px; background-color: #ffffff; overflow: hidden}
.boxSpaceUsed {height: 100%; background-color: #5abd12; float: left; border-right: 1px solid #c9c9c9}
.boxSpaceUsedProjected {height: 100%; background-color: #e9e9e9; float: left; border-right: 1px solid #c9c9c9}

select, input, textarea { color: #616161; font-size: 10px;}
form {margin : 0px; padding : 0px;}
.bracket {color: #37a3e5}



.buttonBleu {
    display: inline;
    cursor: pointer;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #3B77B1;
    border-left : 1px solid #52A9FA;
    border-top : 1px solid #52A9FA;
    border-right : 1px solid #224566;
    border-bottom : 1px solid #224566;
}


.button1 {
    display: inline;
    cursor: pointer; 
    padding-top: 1px; 
    padding-bottom: 1px; 
    padding-right: 5px; 
    padding-left: 5px;
    background-color: #6ccb1e; 
    border-left : 1px solid #a6e07a; 
    border-top : 1px solid #a6e07a; 
    border-right : 1px solid #399800; 
    border-bottom : 1px solid #399800;
}

.button2 {
    display: inline;
    cursor: pointer; 
    padding-top: 1px; 
    padding-bottom: 1px; 
    padding-right: 5px; 
    padding-left: 5px;
    background-color: #ce1818; 
    border-left : 1px solid #e37576; 
    border-top : 1px solid #e37576; 
    border-right : 1px solid #9a0000; 
    border-bottom : 1px solid #9a0000;
}

.button3 {
    display: inline;
    cursor: pointer; 
    padding-top: 1px; 
    padding-bottom: 1px; 
    padding-right: 5px; 
    padding-left: 5px;
    background-color: #cacaca; 
    border-left : 1px solid #cacaca; 
    border-top : 1px solid #cacaca; 
    border-right : 1px solid #cacaca; 
    border-bottom : 1px solid #cacaca;
}

.signupText {}
.signupText .notice {font-size: 10px; font-style: italic}
.signupText a:link {color: #777777; text-decoration : underline;}
.signupText a:visited {color: #777777; text-decoration : underline;}
.signupText a:hover {color: #525252; text-decoration : underline;}

.signupBoldText {
    color: #272727;
    font-size: 12px; 
}
.signupBigBoldText {
    color: #272727;
    font-size: 14px;
    font-weight: bold;   
}



.signupTitleBlue {
    color: #49abe7;
    font-size: 14px;
}
.signupTitleGreen {
    color: #6ccb1e;
    font-size: 14px;
}

.signupBigTitleBlue {
    color: #49abe7;
    font-size: 24px;
}
.signupBigTitleGreen {
    color: #6ccb1e;
    font-size: 24px;
}

.signupSmallTitleBlue {
    color: #49abe7;
    font-size: 12px;
}
.signupSmallTitleGreen {
    color: #6ccb1e;
    font-size: 12px;
}

.hotTagsBigFont {
    display: inline;
    font-size: 15px;
}

.hotTagsMediumFont {
    display: inline;
    font-size: 12px;
}

.hotTagsSmallFont {
    display: inline;
    font-size: 10px;
}

#hotTagsBox {
    color : #777777;
    font-size : 11px;
    border: 1px solid #c9c9c9; 
    padding: 5px; 
    background-color: #f8f8f8;
}
#hotTagsBox .divBoxInner {
    padding: 5px;
    background-color: #ffa701;
    border: 2px solid #FFFFFF;
}

#hotTagsBox a{
    color: #ffffff;
    text-decoration: none;
}
#hotTagsBox a:hover{
    text-decoration: underline;
}
#hotTagsBox .divBoxInner .title{
    font-size : 14px;
}

.timePeriodTitle {
    color: #49abe7;
    font-size: 12px;
}

#hotTagsBox .titleBlue {
    color: #49abe7;
    font-size: 12px;
}

#hotTagsBox .titleBlack {
    color: #777777;
    font-size: 11px;
}

.contactsBox .titleBlue {
    color: #49abe7;
    font-size: 12px;
}

.contactSearchTitleBlue {
    color: #49abe7;
    font-size: 12px;
}

.contactBox { border: 1px solid #c9c9c9; padding: 3px}
.contactBox a{color: #777777; text-decoration : none;}   
.contactBox a:hover{text-decoration : underline;}
.contactBox .contactBoxImageSection {float: left;}
.contactBox .contactBoxContentSection {width: 115px; float: left; padding-left: 3px}
.contactBox .contactBoxInfoSection {float: right; padding-left: 3px}

.removableContact {}
.removableContact .contactBox .contactBoxContentSection {width: 115px; float: left; padding-left: 3px}

.addableContact {width: 310px}
.addableContact .contactBox .contactBoxContentSection {width: 150px; float: left; padding-left: 3px}
    
.contactsBox .titleBlack {
    color: #777777;
    font-size: 11px;
}

.attachment{
}
.attachment a{color: #272727; text-decoration : none;}
.attachment a:hover{text-decoration : underline;}
.attachment .element{
    padding: 0 0 5px 0;
}

#attachementFormBody{
    margin: 0px;
    padding: 0px;
    background-image: url(../images/degrade.gif); 
    background-repeat: repeat-x;
}
#attachementFormBody div{
    color: #777777;
}
.progressBar{
    text-align: center;
    width: 0%;
    height: 30px;
    background-color: #5abd12;
}

.recommandedTags a{
    color: #37A3E5;
    font-size: 12px;    
    text-decoration : none;
}
.recommandedTags a:hover{text-decoration : underline;}

.searchBox {
    color : #ffffff;
    font-size : 12px;
    border: 1px solid #c9c9c9; 
    padding: 5px; 
    background-color: #f8f8f8;
}
.searchBox .divBoxInner {
    padding: 5px;
    background-color: #49ABE7;
    border: 2px solid #FFFFFF;
}

.divBoxAvatar {
    border: 1px solid #c9c9c9; 
}

.avatarTitle{
    color: #616161;
    font-size: 13px;
}

.divBoxLegend {
    border: 1px solid #C9C9C9; 
}

.divBoxMiniMap {
    border: 1px solid #c9c9c9; 
}

#mapBox .title {
    overflow: hidden; 
    white-space: nowrap; 
    width: 700px
}

div.clear1 {
    clear: both; 
    line-height: 0px; 
    height: 0px;
}

div.clear2 {
    display: inline; 
    clear: both; 
    line-height: 0px; 
    height: 0px;
}



#favoritesBox {
    color : #777777;
    font-size : 11px;
    border: 1px solid #c9c9c9; 
    padding: 5px; 
    background-color: #f8f8f8;
}

#favoritesBox .titleBlue {
    color: #49abe7;
    font-size: 12px;
}
.favoritesBox .titleBlue {
    color: #49abe7;
    font-size: 12px;
}

#favoritesBox .titleBlack {
    color: #777777;
    font-size: 11px;
}
#favoritesBox .controls {
    color: #49abe7;
    font-size: 11px;
}
#favoritesBox .controlsBlack {
    color: #777777;
    font-size: 11px;
}
#favoritesBox a {
    color: #777777;
    font-size: 12px;
    text-decoration: none;
}
#favoritesBox  a.blue {
    color: #49abe7;
    font-size: 11px;
    text-decoration: none;
}

#favoritesBox a:hover {
    text-decoration: underline;
}
#favoritesBox .favoriteRow {
    border: 1px solid #c9c9c9; 
}

#favoritesProjectsBox {
    color : #777777;
    font-size : 11px;
    border: 1px solid #c9c9c9; 
    padding: 5px; 
    background-color: #f8f8f8;
}

#favoritesProjectsBox .titleBlue {
    color: #49abe7;
    font-size: 12px;
}
.favoritesProjectsBox .titleBlue {
    color: #49abe7;
    font-size: 12px;
}

#favoritesProjectsBox .titleBlack {
    color: #777777;
    font-size: 11px;
}
#favoritesProjectsBox .controls {
    color: #49abe7;
    font-size: 11px;
}
#favoritesProjectsBox .controlsBlack {
    color: #777777;
    font-size: 11px;
}
#favoritesProjectsBox a {
    color: #777777;
    font-size: 12px;
    text-decoration: none;
}
#favoritesProjectsBox  a.blue {
    color: #49abe7;
    font-size: 11px;
    text-decoration: none;
}

#favoritesProjectsBox a:hover {
    text-decoration: underline;
}
#favoritesProjectsBox .favoriteRow {
    border: 1px solid #c9c9c9; 
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.overviewControlContainer {
    border-left : 1px solid #c9c9c9; 
    border-top : 1px solid #c9c9c9; 
}
#forgotPasswordError{
    font-size: 11px;
    color: red;
}

.baseBox {
    color:#777777;
    font-size:11px;
}

.mapComments{}
.mapComments .header{}
.mapComments .header .titleGroup{ float: left }
.mapComments .header .titleGroup .title{ color: #37A3E5; font-size: 14px; vertical-align: middle }
.mapComments .header .titleGroup .bracket{ font-size: 11px; color: #37A3E5; vertical-align: middle }
.mapComments .header .titleGroup .count{ font-size: 11px; color: #777777; vertical-align: middle }
.mapComments .header .add{ float: right; vertical-align: middle }
.mapComments .header .addLink:link { color: #777777; text-decoration: underline }
.mapComments .header .addLink:visited { color: #777777; text-decoration: underline }
.mapComments .header .addLink:hover { color: #777777; text-decoration: underline }
.mapComments .notice { color: #777777; font-size: 11px}
.mapComments .addTitle { color: #777777; font-size: 14px}
.mapComments .error { color: #ce1818; font-size: 12px}
.mapComments .comments {}
.mapComments .comments .comment { border: solid 1px #C9C9C9 }
.mapComments .comments .comment .profile { float: left; width: 200px; padding: 5px }
.mapComments .comments .comment .profile a {color: #272727; text-decoration : none;}
.mapComments .comments .comment .profile a:hover {text-decoration : underline;}
.mapComments .comments .comment .profile .image { float: left }
.mapComments .comments .comment .profile .description { float: left; width: 143px; padding-left: 5px; word-wrap: break-word; overflow: hidden }
.mapComments .comments .comment .content { float: right; width: 477px; padding: 5px; }
.mapComments .comments .comment .content .userComment { visibility: hidden; width: 467px; overflow: hidden; word-wrap: break-word; overflow: hidden; color: #525252; font-size: 12px; }
.mapComments .comments .comment .content .post { font-size: 10px; color: #777777; }
.mapComments .comments .comment .content .postValue { font-size: 10px; color: #777777; }

.expandLink a:link {font-size: 11px; color: #37A3E5; text-decoration : none;}
.expandLink a:visited {font-size: 11px; color: #37A3E5; text-decoration : none;}
.expandLink a:hover {font-size: 11px; color: #37A3E5; text-decoration : none;}

.pricing {}
.pricing .title1 {font-size: 14px; color: #525252;}
.pricing .title2 {font-size: 16px; color: #525252;}
.pricing .table {background-color: #c9c9c9}
.pricing .tableTitles {background-color: #eaeaea}
.pricing .tableValues {background-color: #f8f8f8}
.pricing a:link {color: #777777; text-decoration : underline;}
.pricing a:visited {color: #777777; text-decoration : underline;}
.pricing a:hover {color: #525252; text-decoration : underline;}

.updateProjectsList .table { background-color: #c9c9c9 }
.updateProjectsList .tableTitles { border: 1px solid #c9c9c9; border-right: 0px; background-color: #eaeaea; text-align:center; }
.updateProjectsList .tableValues {border-top: 0px; border-right: 0px; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
.updateProjectsList .tableLastCol { border-right: 1px solid #c9c9c9; }
.updateProjectsList a:link {color: #777777; text-decoration : underline;}
.updateProjectsList a:visited {color: #777777; text-decoration : underline;}
.updateProjectsList a:hover {color: #525252; text-decoration : underline;}

.faq {}
.faq .section {}
.faq .title {font-size: 12px; color: black; font-weight: bold; padding-bottom: 10px}
.faq .question {color: #49ABE7; padding-bottom: 5px}
.faq .answer {padding-bottom: 15px}
.faq a:link {color: #777777; text-decoration : underline;}
.faq a:visited {color: #777777; text-decoration : underline;}
.faq a:hover {color: #525252; text-decoration : underline;}

.whatsnew {}
.whatsnew .titleNoLink {font-size: 14px; color: #49ABE7; font-weight: normal}
.whatsnew .title {font-size: 14px; color: #49ABE7; font-weight: normal}
.whatsnew .title:link {color: #49ABE7; text-decoration : underline;}
.whatsnew .title:visited {color: #49ABE7; text-decoration : underline;}
.whatsnew .title:hover {color: #525252; text-decoration : underline;}
.whatsnew .notice:link {color: #777777; text-decoration : underline;}
.whatsnew .notice:visited {color: #777777; text-decoration : underline;}
.whatsnew .notice:hover {color: #525252; text-decoration : underline;}
.whatsnew a:link {color: #777777; text-decoration : underline;}
.whatsnew a:visited {color: #777777; text-decoration : underline;}
.whatsnew a:hover {color: #525252; text-decoration : underline;}

.contactus {background-color: #f8f8f8;}
.contactus div {font-size: 11px; color: #777777; padding: 5px; background-color: #f8f8f8;}
.contactus .title {font-size: 14px; color: #525252;}
.contactus a:link {color: #777777; text-decoration : underline;}
.contactus a:visited {color: #777777; text-decoration : underline;}
.contactus a:hover {color: #525252; text-decoration : underline;}

#featuredVideo .titleBlue {color: #49abe7; font-size: 12px;}
#featuredVideo .description {font-size: 16px; color: #49abe7}

.videos {}
.videos .new {font-size: 14px; font-weight: normal; color: black}
.videos .newFeature {font-size: 14px; font-weight: normal; color: #49ABE7}
.videos .title {font-size: 14px; font-weight: normal; color: #525252}
.videos .description {font-size: 12px;}
.videos a:link {color: #525252; text-decoration : none;}
.videos a:visited {color: #525252; text-decoration : none;}
.videos a:hover {color: #525252; text-decoration : underline;}
.videos .more a:link {color: #49ABE7; text-decoration : none;}
.videos .more a:visited {color: #49ABE7; text-decoration : none;}
.videos .more a:hover {color: #49ABE7; text-decoration : none;}

.quicktour {}
.quicktour .instructions {font-size: 14px; color: #525252;}
.quicktour .new {font-size: 16px; font-weight: normal; color: #FF8E01}
.quicktour .title {font-size: 16px; font-weight: normal; color: #49ABE7}
.quicktour .description {font-size: 12px;}
.quicktour a:link {color: #777777; text-decoration : underline;}
.quicktour a:visited {color: #777777; text-decoration : underline;}
.quicktour a:hover {color: #525252; text-decoration : underline;}

.about {}
.about .title {font-size: 14px; color: #525252;}

#personalInformationDivContent .notice {font-size: 10px; font-style: italic}

.embedError {background-color: #f8f8f8; font-family: Arial, Helvetica, sans-serif}
.embedError .text {font-size: 11px; color: #777777}
.embedError a:link {color: #777777; text-decoration : underline;}
.embedError a:visited {color: #777777; text-decoration : underline;}
.embedError a:hover {color: #525252; text-decoration : underline;}

#groupSwitcher a:link {color: #777777; text-decoration : underline;}
#groupSwitcher a:visited {color: #777777; text-decoration : underline;}
#groupSwitcher a:hover {color: #525252; text-decoration : underline;}

.projectHits {font-size: 9px}
.projectHits a:link {color: #777777; text-decoration : underline;}
.projectHits a:visited {color: #777777; text-decoration : underline;}
.projectHits a:hover {color: #525252; text-decoration : underline;}

.homeList {color: #525252;}
.homeList .tabSpacer {float: left; height: 29px; margin-top: -1px; border-bottom: solid 1px #C9C9C9; width: 100px}
.homeList .text {border-left: solid 1px #C9C9C9; border-right: solid 1px #C9C9C9; background-color: #f1f1f1; padding: 5px; font-family: Helvetica; font-size: 12px; font-weight: bold; color: black}
.homeList .left {background-image: url('../images/homeList/TAB_Left_OFF.gif'); width: 9px; height: 29px; }
.homeList .leftSelected {background-image: url('../images/homeList/TAB_Left_ON.gif'); width: 9px; height: 29px}
.homeList .fill {background-image: url('../images/homeList/TAB_Fill_OFF.gif'); cursor: pointer; font-size: 13px; font-weight: bold;}
.homeList .fillSelected {background-image: url('../images/homeList/TAB_Fill_ON.gif'); cursor:  pointer; font-size: 13px; font-weight: bold; color: #49ABE7}
.homeList .centerNotSelectedNotSelected {background-image: url('../images/homeList/TAB_Transit_OFF-OFF.gif'); width: 18px; height: 29px}
.homeList .centerSelectedNotSelected {background-image: url('../images/homeList/TAB_Transit_ON-OFF.gif'); width: 18px; height: 29px}
.homeList .centerNotSelectedSelected {background-image: url('../images/homeList/TAB_Transit_OFF-ON.gif'); width: 18px; height: 29px}
.homeList .right {background-image: url('../images/homeList/TAB_Right_OFF.gif'); width: 18px; height: 29px}
.homeList .rightSelected {background-image: url('../images/homeList/TAB_Right_ON.gif'); width: 18px; height: 29px}
.homeList .text a:link {color: #777777; text-decoration : underline;}
.homeList .text a:visited {color: #777777; text-decoration : underline;}
.homeList .text a:hover {color: #525252; text-decoration : underline;}

.embedError a:hover {color: #525252; text-decoration : underline;}


.LayersTable 
{ 
text-align: center;
}




.FieldHide  {display:none}


    
.layersTitle{
    position:relative; 
    height:30px;  
}

.layersTitle .contentText{
    float:left; 
    width:200px;
    height:17px;
    padding-left:5px;
    background-color:#E5E5E5;
    border-bottom:1px solid #C9C9C9;
    border-left:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    font-size:11px;
    margin-bottom:10px;
    padding-top:3px;
}

.layersTitle .contentInput{
    float:left; 
    width:35px;
    height:18px;    
    background-color:#E5E5E5;
    border-bottom:1px solid #C9C9C9;
    border-left:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    font-size:11px;
    margin-bottom:10px;
    padding-top:2px;
    _height:19px;
    _padding-top:1px;
    text-align:center;
}
.layersTitle .contentInputSelect{
    float:left; 
    width:80px;
    height:18px;
    padding-left:25px;
    border-bottom:1px solid #C9C9C9;
    border-left:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    font-size:11px;
    margin-bottom:10px;
    padding-top:2px;
    _height:19px;
    _padding-top:1px;
     background: url(../images/tooltip.png) #E5E5E5 no-repeat left center;
     background-position:5px;
     overflow:hidden;

    
 
}
.LayersExpandLink a:link {font-size: 11px; color: #37A3E5; text-decoration : none; border-style: none;}
.LayersExpandLink a:visited {font-size: 11px; color: #37A3E5; text-decoration : none;border-style: none;}
.LayersExpandLink a:hover {font-size: 11px; color: #37A3E5; text-decoration : none;border-style: none;}

.LayersNoExpandLink a:link {font-size: 11px; color: #333333; text-decoration : none;
  font-family: Georgia,'Times New Roman',times,serif;border-style: none;
}
.LayersNoExpandLink a:visited {font-size: 11px; color: #000000; text-decoration : none;border-style: none;}
.LayersNoExpandLink a:hover {font-size: 11px; color: #000000; text-decoration : none;border-style: none;}

.LayersExpandLink{
    color: #37A3E5;
    float:left; 
    width:176px;
    height:17px;
    padding-left:30px;
    padding-top:3px;
   /* background-color:#F0F0F0;*/
    font-size:11px;
    border-style: none;
    cursor:pointer;
    background: url(../images/layerClosed.gif) no-repeat left center;
    overflow:hidden;

    
}


.LayersExpandLinkOpened{
    color: #37A3E5;
    float:left; 
    width:176px;
    height:17px;
    padding-left:30px;
    padding-top:3px;
   /* background-color:#F0F0F0;*/
    font-size:11px;
    border-style: none;
    cursor:pointer;
    background: url(../images/layerOpened.gif) no-repeat left center;
    overflow:hidden;

    
}

.LayersNoExpandLink{
    float:left; 
    width:201px;
    height:20px;
    line-height:20px;
    padding-left:5px;
    /*background-color:#F0F0F0;*/
    font-size:11px;
    border-style: none;
    overflow:hidden;
}


.layersRow{
    position:relative; 
    height:20px;
    background-color:#F0F0F0;

           
}

.layersRowSelected{

    background-color:#E1EFF6;

           
}


.layersRow .contentText{
    float:left; 
    width:203px;
    height:20px;
    padding-left:5px;
    font-size:11px;
    /*background-color:#F3F1F0;*/

    
}

.layersRow .contentInput{
    float:left; 
    /*background-color:#F3F1F0;*/
    width:33px;
    height:20px;
    padding-left:2px;
    font-size:11px;   
    text-align:center;
}

.layersRow .contentSelectInput{
    float:left; 
    /*background-color:#F3F1F0;*/
    width:100px;
    height:19px;
    padding-top:1px;
    padding-left:5px;
    font-size:11px;   
    text-align:center;
    overflow:hidden;
}
.fieldsRow{
    position:relative; 
    height:24px; 
              
}

.fieldsRow .BorderHorz{
    border-bottom:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
              
}

.fieldsRow .BorderLeft{
    border-left:1px solid #C9C9C9;             
}

.fieldsRow .BorderRight{
    border-right:1px solid #C9C9C9;             
}


.fieldsRow .contentText{
    padding-top: 2px;
    float:left; 
    width:203px;
    height:20px;
    padding-left:5px;
    background-color:#F3F1F0;
    font-size:11px;

    
}
.fieldsRow .contentName{

    float:left; 
    width:152px;
    height:19px;
    padding-left:18px;

    font-size:11px;
    padding-top:3px;
    background: url(../images/field.png) #F3F1F0 no-repeat left center;

    
}

.fieldsRow .contentInput{
    float:left; 
    background-color:#F3F1F0;
    width:33px;
    height:22px;
    padding-left:2px;
    font-size:11px;   
    text-align:center;
}

.fieldsRow .contentSelectInput{
    float:left; 
    background-color:#F3F1F0;
    width:100px;
    height:22px;
    padding-left:5px;
    font-size:11px;   
    text-align:center;
}

.fieldsRow .Padder{

    float:left; 
    background-color:#F3F1F0;
 
    width:30px;
    height:24px;
    padding-left:5px;
    font-size:11px;   
    text-align:center;
}


.fieldSpacing{
    background-color:#F3F1F0;
    height:3px;
    width:627px;
}


.themeSpacing{
    background-color:#F0F0F0;
    height:3px;
    width:627px;
}








.themesRows{
    position:relative; 
    height:24px; 
              
}

.themesRows .BorderHorz{
    border-bottom:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
              
}

.themesRows .BorderLeft{
    border-left:1px solid #C9C9C9;             
}

.themesRows .BorderRight{
    border-right:1px solid #C9C9C9;             
}


.themesRows .contentText{
    padding-top: 1px;
    float:left; 
    width:203px;
    /*height:19px;*/
    padding-left:5px;
    background-color:#F3F1F0;
    font-size:11px;
    height:21px;

    
}
.themesRows .contentName{

    float:left; 
    width:190px;
    /*height:18px;*/
    padding-left:5px;
    background-color:#F3F1F0;
    font-size:11px;
    padding-top:2px;
   height:20px;
   overflow:hidden;

    
}

.themesContentName{
    float:left;
    width:600px;
    height:19px;
    overflow:hidden;
    line-height: 19px
}

.themesRows .contentInput{
    float:left; 
    background-color:#F3F1F0;
    width:31px;
   /* height:20px;*/
    padding-left:3px;
    font-size:11px;   
    text-align:center;
    height:22px;
}
.themesRows .contentSelectInput{
    float:left; 
    background-color:#F3F1F0;
    width:138px;
    /*height:20px;*/
    padding-left:5px;
    font-size:11px;   
    text-align:center;
    height:22px;
}

.themesRows .Padder{

    float:left; 
    background-color:#F3F1F0;
    width:5px;
    height:24px;
    padding-left:5px;
    font-size:11px;   
    text-align:center;
 }
 
 
 
 .layersCTitle{
    position:relative; 
    width:256px;
}

.layersCTitle .contentText{
    float:left; 
    width:177px;
    height:16px;
    padding-left:5px;
    background-color:#E5E5E5;
    border-bottom:1px solid #C9C9C9;
    border-left:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    font-size:11px;
    text-align:left;
    
}

.layersCTitle .contentInput{
    float:left; 
    width:35px;
    text-align:center;
    height:16px;
    padding:0px;
    background-color:#E5E5E5;
    border-bottom:1px solid #C9C9C9;
    border-left:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    font-size:11px;
}

.layersCTitle .contentInputright{
    float:left; 
    width:34px;
    height:16px;
    padding:0px;
    text-align:center;
    background-color:#E5E5E5;
    border-bottom:1px solid #C9C9C9;
    border-right:1px solid #C9C9C9;
    border-left:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    font-size:11px; 
 
}

.layersCTitleSpacing{
    position:relative; 
    line-height: 10px;
    height: 10px;
    width:253px;
}



.themesLCRows{
    position:relative; 
    min-height:22px; 
    width:250px;
    border:1px solid #C9C9C9;
}

.themesLCRows .contentName{

    float:left; 
    width:179px;
    min-height:18px;
    padding-left:5px;
    font-size:11px;
    padding-top:2px;
    border:none;
    text-align:left;
    
}

.themesLCRows .contentInputV{

    float:left; 
    width:35px;
    text-align:center;
    min-height:18px;
    padding:0px;
    font-size:11px;
    padding-top:2px;
    border:none;

    
}

.themesLCRows .contentInputI{

    float:left; 
    width:20px;
    min-height:18px;
    padding-left:5px;
    font-size:11px;
    padding-top:2px;
    border:none;

    
}


.layersLCRows{
    position:relative; 
    min-height:20px;
    width:256px;
    background-color:#F0F0F0;  
         
}



.layersLCRows .contentName{

    float:left; 
    width:180px;
    min-height:18px;
    padding-left:5px;
    font-size:11px;
    padding-top:2px;
    
    text-align:left;
    
}

.layersLCRows .contentInputV{

    float:left; 
    width:35px;
    text-align:center;
    min-height:18px;
    padding:0px;
    font-size:11px;
    padding-top:2px;
  
    
}

.layersLCRows .contentInputI{

    float:left; 
    width:35px;
    text-align:center;
    min-height:18px;
    padding:0px;
    font-size:11px;
    padding-top:2px;
      
}
.layersLCRowSpacing{
    height:5px;
    width:253px;
    line-height: 5px;
}


.themesLCRowSpacing{
    line-height: 1px;
    height: 5px;
    width:253px;
    background-image: url(../images/theme_arrow_down.gif);
    background-repeat: no-repeat;
    background-position:5px;
}

.legendLayersControlMainDiv {
    position: absolute;
    
    width: 289px;
    font-size: 11px;
    z-index: 6;
    overflow:hidden;
    text-align: center;
    padding: 0px; 
    color: #777777;
    z-index:6;

}


.layerslegendsTitle { 
  height:30px;
  position:relative;
  overflow:hidden;
  width:275px;
  float:left;
}

.LayersLegendsArrow {
  height:3px;
  line-height:3px;
  overflow:hidden;
  width:275px;
}


.LayersLegendsArrowSelected {
    float:left; 
    width:92px;
    height:3px;
    font-weight:3px;
    background: url(../images/legendsLayersArrow.gif)  no-repeat center center;
    

}
.LayersLegendsArrowUnselected {

    float:left; 
    width:92px;
    height:3px;
    font-weight:3px;
}


.LayersLegendsControlDivSelected {
    float:left; 
    width:80px;
    height:16px;
    padding:5px;
    padding-top:8px;
    font-size:11px;
    border: 1px solid #c9c9c9;
    background-color:#C9C9C9;
    font-weight:bold;
    color: #FFFFFF;
}

.LayersLegendsControlDivUnselected {
    float:left; 
    width:80px;
    height:16px;
    padding:5px;
    padding-top:8px;
    font-size:11px;
    border: 1px solid #c9c9c9;
    background-color:#F0F0F0;
    font-weight:bold;
    color: #777777;
}

.legendLayersContent {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    float:left;
    width: 270px;
    font-size: 11px;
    text-align: center;
    padding: 5px;
}

.legendLayersMasterContent {
    background-color:#FFFFFF;
    border:1px solid #C9C9C9;
    color:#777777;
    float:left;
    opacity:0.95;
    filter: alpha(opacity=90);
    width:281px;
}

.legendLayersControlClos {
    float:left; 
    height:34px;
    padding:0px;
    font-size:11px;
    line-height:11px;

}



.legendLayersControlCloseLeft  {
    float:left; 
    width:7px;
    height:34px;
    padding:0px;
    font-size:11px;
    line-height:11px;
    background-image: url(../images/legendLayersControlCloseLeft.png);
}

.legendLayersControlCloseContent  {
    float:left; 
    width:65px;
    height:34px;
    padding:0px;
    font-size:11px;
    line-height:11px;
    text-align:right;
    background-image: url(../images/legendLayersControlCloseBG.png);
}


.legendLayersControlCloseRigth  {
    float:left; 
    width:7px;
    height:34px;
    padding:0px;
    font-size:11px;
    line-height:11px;
    background-image: url(../images/legendLayersControlCloseRigth.png);
}



.legendsControl {
    font-size: 11px;
    text-align: center;
    overflow:auto;
}

.layersControl {


    position:relative;
}

/* email map*/

.emailMapBox {
  background-image: url(../images/emailMapMainBG.png);
  color: #000000;
  padding: 0px;
  position: absolute;
  visibility: hidden; 
  width: 356px;
  height:257px;
  font-size: 11px;
  _background-image: url(../images/emailMapMainBG.gif);
  _filter: alpha(opacity=90);
  
}


.emailMapBoxClear {
  background-image: url(../images/emailMapMainClearBG.png);
  color: #000000;
  padding: 0px;
  position: absolute;
  visibility: hidden; 
  width: 356px;
  height:257px;
  font-size: 11px;
  _background-image: url(../images/emailMapMainClearBG.gif);
  _filter: alpha(opacity=90);
  
}


.emailMapBar{
  margin-top:5px;
  margin-right:10px;
  margin-left:10px;
  height:20px;
  cursor:move;
  color: #FFFFFF;
  overflow:hidden;
    
}


.emailMapError{
    margin-left:10px; 
    margin-top:5px;
    float:left;
    text-align:center;
    color:red;
    text-align:center;
    overflow:hidden;
    height:14px;
    width:336px;
    
}

.emailMapContent {
  padding-left:26px;
  margin-right:26px;
  
}
.roundedInputLeft {
    /*background:  url(../images/EmailMapInputBg.gif) no-repeat left center;*/
    padding-top:7px;
    padding-left:2px;
    width: 146px;
    float:left;
    height:21px;
    overflow:hidden;
}
.roundedInputRight {
    /*background:  url(../images/EmailMapInputBg.gif) no-repeat left center;*/
    padding-top:7px;
    padding-left:2px;
    width: 146px;
    float:right;
    height:21px;
    overflow:hidden;
}

.roundedInputReceiver {
    /*background:  url(../images/EmailMapInputBg.gif) no-repeat left center;*/
    padding-top:7px;
    padding-left:2px;
    width: 310px;
    height:21px;
    overflow:hidden;
}
.clearInput {
    border: none;
    width: 142px;
    background-color: white;
}
.clearInputReceiver {
    border: none;
    width: 299px;
    float:none;
    background-color: white;
}
.clearMessageInput {

    padding-left:2px;
    border: none;
    background-color: white;
    width: 296px;
    height:79px;
    overflow:auto;

}
.MessageInput {
    margin-left:2px;
    text-align:left;
    /*background:  url(../images/MessageInputBg.gif) no-repeat left center;*/
    width: 304px;
    float:left;
    height:83px;
    overflow:hidden;
}


.emailMapMessageLabel{

    margin-left:0px;
    text-align:left;
    width: 100%;
    height:20px;
    padding-top:4px;
    color:#777777;
    font-size:10px;
}
.emailMapSend{
        
    float:left;
    width:305px;
    margin-top:8px;
    text-align:right;
    height:20px;
    
    
}
.emailMapSendButton{
    color:#FFFFFF;
    font-variant:small-caps;
    font-weight:bold;
    padding-top:6px;
    width:165px;
    height:16px;
   margin-left:76px;
    /*background:  url(../images/messageSend.gif) no-repeat left center;*/
    text-align:center;
    cursor:pointer;
}

.greenText{
    color:#549617;
    
}

.blueText{
    color:#37A3E5;

}

.emailMapLoading{
    margin-top:1px;
    float:left;
    font-weight:bold;
    float:left;
    text-align:center;
    color:#777777;
    font-size:12px;
    width:336px;
    text-align:center;
    overflow:hidden;
    height:15px;
    display:none;
    padding: 10px;
    
}

.emailMaPConfirmMessage{
    margin-top:1px;
    float:left;
    font-weight:bold;
    float:left;
    text-align:center;
    font-size:12px;
    width:336px;
    text-align:center;
    overflow:hidden;
    height:35px;
    color: #777777;
    padding: 10px;
    }
    
.emailMaPErrorMessage{
        margin-top:1px;
    float:left;
    font-weight:bold;
    float:left;
    text-align:center;
    font-size:12px;
    width:305px;
    text-align:center;
    overflow:hidden;
    height:35px;
    color: red;

    
}

.emailMapClose{
    
    float: right;
    width:15px;
    height:15px;
    cursor:pointer;
    margin-top:3px;
    margin-right:4px;
    _margin-top:2px;
    _margin-right:2px;

}


.emailMapSentContent{
    max-width:708px;
    width:708px;
    padding:5px;
    font-size:12px;
    color: #777777;
    overflow:hidden;
    font-weight:bold
    
    
}

/* email map*/


/*print map*/
.printMapContent {

  width: 657px ;
  margin-left: auto ;
  margin-right: auto ;

 /* background-image: url(../images/printMapMainBG.png); 
  background-repeat: repeat-x;*/

}
.printMapHeader{
    height:47px;
    width:657px;
    
}

.printMapMain{
    .margin-top:-5px;
    width:657px;
    background-image: url(../images/printMapBG.gif); 
    background-repeat: repeat-x;
    text-align: center;

    
}
.printMapSpacing{
    height:20px;
}
.printMapDiv{
    margin-left: auto ;
    margin-right: auto;
    margin-top:0px;
    background-color:#F8F8F8;
    padding:3px; 
    border: 1px solid #C9C9C9;
    font-size:11px;
    width:601px;
    height:446px;
    .width:609px;
    .height:455px;
    overflow:hidden;
    text-align: left;        
}

.printMapInnerDiv{
    border: 1px solid #C9C9C9;
    position: absolute;
}

.printMapMainInfo{
    
    margin-left: auto ;
    margin-right: auto ;
    margin-top:20px; 
    width:609px;
    overflow:hidden;
    position:relative;
    padding:0px;
    text-align: left;   
}

.printMapInfo{
    float:left;
    width:340px; 

    overflow:hidden;
    background-color:#F8F8F8;
    border: 1px solid #C9C9C9;

}


.printMapInfoContent{
    width:330px;      
}

.printMapInfo .title{
    width:330px;
    .width:340px;
    font-size:14px;        
    background-color:#EAEAEA;
    border-bottom: 1px solid #C9C9C9;
    color : #272727;
    padding:5px;
    font-weight:bold;
}

.printMapInfo .content{padding:5px;}
.printMapInfo .descriptor{font-size: 13px; color : #777777;}
.printMapInfo .value{font-size: 13px; color : #272727;}


.printMaplegend{
    width:245px; 
    background-color:#F8F8F8;
    border: 1px solid #C9C9C9; 
    float:right;  
    font-size:11px;        
}
.printMaplegend .title{
    width:235px;
    .width:245px;
   
    font-size:14px;        
    background-color:#EAEAEA;
    border-bottom: 1px solid #C9C9C9;
    color : #272727;
    padding:5px;
    font-weight:bold;
}

.printMaplegend .legends{
        padding-left:5px;
        margin-bottom:5px ;
        margin-top:5px ;
        vertical-align:top;
        width:240px;
        overflow:hidden;
    }
   
.PrintMapButtons{
    float:right;
    height:30px;
    margin-top:20px;
    margin-right:20px;

}
    
@media print {
    .PrintMapButtons {
      display:none;
    }
 }
/*print map*/
 
 /*map legends*/
/*top right*/

.topRight4{
background-image:url(../images/ToolTip_BottomLeft_04.png);
_background-image:url(../images/ToolTip_BottomLeft_04.gif);
width:16px;/*change*/
}



.topRight2{
background-image:url(../images/ToolTip_BottomLeft_02.png);
_background-image:url(../images/ToolTip_BottomLeft_02.gif);
height:12px;
}



.topRight9{
float:left;
background-image:url(../images/ToolTip_BottomLeft_09.png);
_background-image:url(../images/ToolTip_BottomLeft_09.gif);
height:32px;
}



.topRight6{
background-image:url(../images/ToolTip_BottomLeft_06.png);
_background-image:url(../images/ToolTip_BottomLeft_06.gif);
width:32px;

}

.legendInfoContent{
padding-top:0px;
padding-right:0px;
min-height:30px;
min-width:30px;
_height:31px;
_width:50px;
vertical-align:middle;
background-image:url(../images/ToolTip_BottomLeft_05.png);
_background-image:url(../images/ToolTip_BottomLeft_05.png);
/*.padding-right:3px;*/
}

.legendContent{
  position:absolute;
  z-index:100;
  overflow:hidden;
  _filter: alpha(opacity=95);
  color:#777777;
  font-size:11px;
  padding:0px;
}



/*top right*/ 
    
    /*top left*/
.topLeft6{
background-image:url(../images/ToolTip_BottomRight_06.png);
_background-image:url(../images/ToolTip_BottomRight_06.gif);
width:32px;
height:0px;
}
.topLeft8{
background-image:url(../images/ToolTip_BottomRight_08.png);
_background-image:url(../images/ToolTip_BottomRight_08.gif);
float:left;
height:32px;
}

.topLeft5{
background-image:url(../images/ToolTip_BottomRight_05.png);
_background-image:url(../images/ToolTip_BottomRight_05.gif);
width:16px;
}
.topLeft2{
background-image:url(../images/ToolTip_BottomRight_02.png);
_background-image:url(../images/ToolTip_BottomRight_02.gif);
height:12px;
}

    /* top left*/

/*bottom right*/
.bottomRight3{
background-image:url(../images/ToolTip_TopLeft_03.png);
_background-image:url(../images/ToolTip_TopLeft_03.gif);
height:32px;
float:left;
}

.bottomRight7{
background-image:url(../images/ToolTip_TopLeft_07.png);
_background-image:url(../images/ToolTip_TopLeft_07.gif);
width:32px;
}
.bottomRight5{
background-image:url(../images/ToolTip_TopLeft_05.png);
_background-image:url(../images/ToolTip_TopLeft_05.gif);
width:16px;
}


.bottomRight9{
background-image:url(../images/ToolTip_TopLeft_09.png);
_background-image:url(../images/ToolTip_TopLeft_09.gif);
height:12px;
}
/*bottom right*/
/*bottom left*/
.bottomLeft7{
background-image:url(../images/ToolTip_TopRight_07.png);
_background-image:url(../images/ToolTip_TopRight_07.gif);
width:32px;
}

.bottomLeft2
{
background-image:url(../images/ToolTip_TopRight_02.png);
_background-image:url(../images/ToolTip_TopRight_02.gif);
height:32px;
float:left;
}

.bottomLeft9{
background-image:url(../images/ToolTip_TopRight_09.png);
_background-image:url(../images/ToolTip_TopRight_09.gif);
height:12px;
}

.bottomLeft6{
background-image:url(../images/ToolTip_TopRight_06.png);
_background-image:url(../images/ToolTip_TopRight_06.gif);
width:16px;/*to change*/

}
/*bottom left*/
/*map legends*/

.FloatingHorizontalToolbarRightAligned{z-index: 1; overflow: auto; position: absolute; right: 0px;}

/*user group*/
    .tableUserTitles { border: 1px solid #c9c9c9; border-right: 0px; background-color: #eaeaea; text-align:center; }
    .tableUserValues {
        border-top: 0px; border-right: 0px;
        border-left: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9; }
    .tableUserLastCol { border-right: 1px solid #c9c9c9; }
    
/**/

.emailcss{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#777777;
    
}

.emailcss a:link {color: #777777; text-decoration : underline;}
.emailcss a:visited {color: #777777; text-decoration : underline;}
.emailcss a:hover {color: #525252; text-decoration : underline;}




/*overview*/
.overviewArrowHide {
    width: 14px;
    height: 14px;
}

.overviewArrowShow {
    width: 14px;
    height: 14px;
}


.mapDiv {position: relative;background-color: white; overflow :hidden;}
.imgAlphaIE6 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}

.advancedGoogleCode {font-size: 11px; color: green; padding: 5px}

.searchProjectBox{
    
}

.legendLayersContent .searchProjectBox{
    width: 254px;
    border-left: 1px solid #C9C9C9;
    border-top: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
}

.searchProjectBoxHeader {
    width: 254;
    color: #FFFFFF;
    background-color: #C9C9C9;
    font-size: 13px;
    height: 30px;
    border: solid 1px white;
}

.legendLayersContent .searchProjectBoxHeader {
    width: 254px;
    color: #FFFFFF;
    background-color: #C9C9C9;
    font-size: 13px;
    height: 30px;
    border: none;
}

.searchProjectResultsBox {
    border-bottom: 1px solid #C9C9C9;
    text-align: left;
    padding: 5px;
}

.divBoxResultsSpacer {
    height: 16px;
}



.searchResultEven {
    padding: 5px;
    background-color: #F4F3F2;
    color: #616161;
    text-align: left;
}

.searchResultOdd {
    padding: 5px;
    background-color: #F4F3F2;
    color: #616161;
    text-align: left;
}

.searchProjectBoxFooter{
    padding: 5px;
}

.fieldPreOverflowHidden{
    height: 14px;
    overflow: hidden;
}

.fieldPreOverflowShown{
    overflow: visible;
}

.searchProjectBoxFooter .linkMore { color: #37A3E5; text-decoration: underline }
.searchProjectBoxFooter .linkClose { color: #777777; text-decoration: underline }


.indexButtonDiv {
    float: right;
}

#IndexDiv a:link {color: #777777; text-decoration : underline;}
#IndexDiv a:visited {color: #777777; text-decoration : underline;}
#IndexDiv a:hover {color: #525252; text-decoration : underline;}

#ProfileSizeDiv a:link {color: #777777; text-decoration : underline;}
#ProfileSizeDiv a:visited {color: #777777; text-decoration : underline;}
#ProfileSizeDiv a:hover {color: #525252; text-decoration : underline;}


/* CONTEXT MENU: */
    .contextMenu {position: absolute; visibility: hidden;}
/*
     x: total width; y: total height of the menu
     top#width = x-32
     right#height = y-30
     bottom#width = x-32 - 1 (correction)
     left#height = y-24
     topleft#top = 0; #left=0
     top#top = 0; #left=16
     topRight#top = 0 #left=x-16
     right#top = 18 #left=x-16
     leftBottom#top = y-12 #left = 1 - correction!!!
     bottom#top = y-12 #left = 16+1 (correction)
     bottomRight#top = y-12 #left = x-16
     contents#width = x-32 #height = y-24 #top=12 #left=16
*/
    .rightMenutopLeft {position: absolute; background: transparent url(../images/contextMenu/TopLeft.png) no-repeat; width: 16px; height: 12px; top: 0; left: 0;}
    .rightMenutop {position: absolute; background: transparent url(../images/contextMenu/Top.png) repeat-x; width: 88px; height: 12px; top: 0; left: 16px;}
    .rightMenutopRight {position: absolute; background: transparent url(../images/contextMenu/TopRight.png) no-repeat; width: 16px; height: 18px; top: 0; left: 104px;}
    .rightMenuleft {position: absolute; background: transparent url(../images/contextMenu/Left.png) repeat-y; width: 16px; height: 56px; top: 12px; left: 0}
    .rightMenuleftBottom {position: absolute; background: transparent url(../images/contextMenu/BottomLeft.png) no-repeat; width: 16px; height: 12px; top: 68px; left: 1px}
    .rightMenubottom {position: absolute; background: transparent url(../images/contextMenu/Bottom.png) repeat-x; width: 87px; height: 12px; top: 68px; left: 17px}
    .rightMenurightBottom {position: absolute; background: transparent url(../images/contextMenu/BottomRight.png) no-repeat; width: 16px; height: 12px; top: 68px; left: 104px;}
    .rightMenuright {position: absolute; background: transparent url(../images/contextMenu/Right.png) repeat-y; width: 16px; height: 50px; top: 18px; left: 104px;}

    .rightMenucontents { position: absolute; width: 88px; height: 56px; left: 16px; top: 12px; background: transparent url(../images/contextMenu/Center.png) repeat;}
    
    .rightMenutopLeft_IE6, .rightMenutopLeft_IE7 {position: absolute; width: 16px; height: 12px; top: 0px; left: 0px;}
    .rightMenutop_IE6, .rightMenutop_IE7 {position: absolute; width: 88px; height: 12px; top: 0px; left: 16px; font-size: 0px; }
    .rightMenutopRight_IE6, .rightMenutopRight_IE7 {position: absolute; width: 16px; height: 18px; top: 0; left: 104px;}
    .rightMenuleft_IE6, .rightMenuleft_IE7 {position: absolute; width: 16px; height: 56px; top: 12px; left: 0}
    .rightMenuleftBottom_IE6, .rightMenuleftBottom_IE7 {position: absolute; width: 16px; height: 12px; top: 68px; left: 1px}
    .rightMenubottom_IE6, .rightMenubottom_IE7 {position: absolute; width: 87px; height: 12px; top: 68px; left: 17px; font-size: 0; }
    .rightMenurightBottom_IE6, .rightMenurightBottom_IE7 {position: absolute; width: 16px; height: 12px; top: 68px; left: 104px;}
    .rightMenuright_IE6, .rightMenuright_IE7 {position: absolute; width: 16px; height: 50px; top: 18px; left: 104px;}
    .rightMenucontents_IE6, .rightMenucontents_IE7 { position: absolute; width: 88px; height: 56px; left: 16px; top: 12px; }
    .rightMenuItem {
        cursor: pointer;
        color: #48b0f5;
        margin-top: 3px;
        margin-bottom: 3px;
        padding-left: 2px;
        font-size: 11px;
    }
    .rightMenuHeader {
        color: #977fae;
        margin-top: 3px;
        margin-bottom: 8px;
        font-size: 11px;
    }
    .rightMenuItem:hover {color: white; background-color: #49abe7;}


    /* Edit User Profile */
.editUserClose { float: right; }
.editUserClose a:link {color: #777777; text-decoration : underline;}
.editUserClose a:visited {color: #777777; text-decoration : underline;}
.editUserClose a:hover {color: #525252; text-decoration : underline;}

.show_part {
    background-color:#F3F1F0;
    border:1px solid #C9C9C9;
    padding: 5px;
}
.blueTitle {
    color: #49abe7;
    font-size: 12px;
}

.show_part .descriptor{font-size: 11px; color : #777777;}
.show_part .value{font-size: 11px; color : #272727;}

/*
.exportUserListButton {
    float: right;
    margin-right: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #49ABE7;
    padding: 2px;
    padding-right: 10px;
}
.exportUserListButton:hover {
    color: #777777;
}
*/

/*
#exportButton1 .x-btn-mc {
    background: none;
}
#exportButton1 .x-btn-over .x-btn-mc {
    background-image: url("../images/default/button/btn.gif");
    background-position: 0 -2168px;
}
*/
#exportButton1 .x-btn-tl, #exportButton1 .x-btn-tr, #exportButton1 .x-btn-tc, #exportButton1 .x-btn-ml, #exportButton1 .x-btn-mr,
#exportButton1 .x-btn-mc, #exportButton1 .x-btn-bl, #exportButton1 .x-btn-br, #exportButton1 .x-btn-bc
{ background-position: 500px 500px; }
#exportButton1 .x-btn button { color: #49ABE7; font: 12px arial,tahoma,verdana,helvetica; }

/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
#exportButton1 .x-btn-over .x-btn-tl { background-position: -6px 0; }
#exportButton1 .x-btn-over .x-btn-tr { background-position: -9px 0; }
#exportButton1 .x-btn-over .x-btn-tc { background-position: 0 -9px; }
#exportButton1 .x-btn-over .x-btn-ml { background-position: -6px -24px; }
#exportButton1 .x-btn-over .x-btn-mr { background-position: -9px -24px; }
#exportButton1 .x-btn-over .x-btn-mc { background-position: 0 -2168px; }
#exportButton1 .x-btn-over .x-btn-bl { background-position: -6px -3px; }
#exportButton1 .x-btn-over .x-btn-br { background-position: -9px -3px; }
#exportButton1 .x-btn-over .x-btn-bc { background-position: 0 -18px; }
#exportButton1 .x-btn-click .x-btn-tl, #exportButton1 .x-btn-menu-active .x-btn-tl, #exportButton1 .x-btn-pressed .x-btn-tl { background-position: -12px 0; }
#exportButton1 .x-btn-click .x-btn-tr, #exportButton1 .x-btn-menu-active .x-btn-tr, #exportButton1 .x-btn-pressed .x-btn-tr { background-position: -15px 0; }
#exportButton1 .x-btn-click .x-btn-tc, #exportButton1 .x-btn-menu-active .x-btn-tc, #exportButton1 .x-btn-pressed .x-btn-tc { background-position: 0 -12px; }
#exportButton1 .x-btn-click .x-btn-ml, #exportButton1 .x-btn-menu-active .x-btn-ml, #exportButton1 .x-btn-pressed .x-btn-ml { background-position: -12px -24px; }
#exportButton1 .x-btn-click .x-btn-mr, #exportButton1 .x-btn-menu-active .x-btn-mr, #exportButton1 .x-btn-pressed .x-btn-mr { background-position: -15px -24px; }
#exportButton1 .x-btn-click .x-btn-mc, #exportButton1 .x-btn-menu-active .x-btn-mc, #exportButton1 .x-btn-pressed .x-btn-mc { background-position: 0 -3240px; }
#exportButton1 .x-btn-click .x-btn-bl, #exportButton1 .x-btn-menu-active .x-btn-bl, #exportButton1 .x-btn-pressed .x-btn-bl { background-position: -12px -3px; }
#exportButton1 .x-btn-click .x-btn-br, #exportButton1 .x-btn-menu-active .x-btn-br, #exportButton1 .x-btn-pressed .x-btn-br { background-position: -15px -3px; }
#exportButton1 .x-btn-click .x-btn-bc, #exportButton1 .x-btn-menu-active .x-btn-bc, #exportButton1 .x-btn-pressed .x-btn-bc { background-position: 0 -21px; }


.backgroundTypeLink:link { color: #37A3E5; text-decoration: underline; font-size: 12px; margin-left: 5px }
.backgroundTypeLink:visited { color: #37A3E5; text-decoration: underline; font-size: 12px; margin-left: 5px }
.backgroundTypeLink:hover { color: #777777; text-decoration: underline; font-size: 12px; margin-left: 5px }