/* System info */
span.system-info{
        font-family: Calibri, Helvetica, Tahoma;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold ;
	text-align: right;
}

H1{
    color: #000000;
    font-family: Calibri, Helvetica, Tahoma;
    font-size: 15px;
    font-weight: bold;
}

table, tr, td, th {
    color: black;
    font-family: Calibri, Helvetica, Tahoma;
    font-size: 11px;
    font-weight: normal;
    vertical-align: top;
}


BODY.toolbox {
    background-color: #DEDEE6;
    background-image: url(images/toolbar/gradient.png);
    background-repeat: repeat-x;
    color: black;
    font-family: Calibri, Helvetica, Tahoma;
    font-size: 11px;
    font-weight: normal;

    margin-top: 1px;
    margin-left: 2px;
    margin-bottom: 0px;
}


/* Form's buttons */
input[type=button], input.button {
    background-color: #DEDAFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    height: 19px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Form's buttons */
input[type=submit] {
    background-color: #AEFFAE;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    height: 19px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Form's fields */
input, .inputClass {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    height: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /* border: 1px solid #000040; */
    /* behavior: url(css/default/border-radius.htc); */
}

.textAreaClass {
    background-color: #FFFAFF;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding: 3px;
    border: 1px solid #000040;
    /* behavior: url(css/default/border-radius.htc); */
}


/* style of the validation error */
.error{
    color : rgb(255,0,0);
    font-family : Arial;
    font-size : 11px;
    font-style : normal;
    font-weight : normal;
    text-align: center;
}

/* small header usualy at the top of the page */
.small_header{
    color : rgb(0,0,0);
    text-align : center;
    font-family : Arial;
    font-size : 12px;
    font-style : normal;
    font-weight : normal;
}

/* header usualy at the top of the page */
.normal_header{
    color : #000040;
    font-family : Arial;
    font-size : 18px;
    font-style : normal;
    font-weight : bold;
}

/* caption */
h3.caption {
    width: 400px;
    background: url(images/caption.gif) no-repeat left top;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    padding: 4px 0px 0px 30px;
    margin: 0px;
    z-index: 2;
}

div.frame {
    border-width : 1px;
    border-style : solid;
    border-color : #000000;
    background-color: #FCFCFC;
}

/*****************************************************************/
/* Topics' Table                                                 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**
TABLE.tmtable{
    border-style : none;
}
TR.tmtable{
    border-width : 1px ;
    border-style : solid;
    border-color : #FFFFFF;
    vertical-align: middle;
}
TH.tmtable{
    color: #000000;
    background: #D5DEDE; 
    text-align : center;
    font-family : Arial;
    font-size : 13;
    font-weight : bold;
    height : 25px;
    vertical-align: middle;
}
TH.tmtable_shortcuts{
    color: #000000;
    background: #D5DEDE; 
    font-family: Verdena;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
}
TH.tmtable_shortcuts a:link, TH.tmtable_shortcuts a:visited {
    color: #000000;
    font-family: Verdena;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
}

TH.tmtable_shortcuts a:hover{
    color: #FFFFFF;
    background-color: #00349C;
    font-family: Verdena;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
}


TH.tmtable_footer, h4.frame{
    color: #000000;
    background: #D5DEDE; 
    text-align : right;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}
TD.tmtable{
    color: #000000;
    background: #F6F6F6; 
    text-align : left;
    border-top: 1px dashed #FFFFFF; 
    border-left: 1px dashed #FFFFFF; 
    border-right: 1px dashed #FFFFFF; 
    border-bottom: 1px dashed #FFFFFF; 
    border-style : solid;
    vertical-align: middle;
}

A.tmtable_inactive:link, A.tmtable_inactive:visited {
    color: #A0A0A0;
    font-family: Calibri, Helvetica, Tahoma;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
    border-width: 0px;
}
**/


/*****************************************************************/

/*****************************************************************/
/* Context menu of the topic                                     */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
td.buttonlink {
    color: #000000;
    background-color: #FFFFFF;
    height: 25px;
}

table.contextMenu tr {
    height: 20px;
}

table.contextMenu tr td {
    vertical-align: middle;
}


/*****************************************************************/

/*****************************************************************/
/* Details dialog                                                */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.title{
    color: #000000;
    background-color : #E0E0E8;
    font-family : Calibri, Arial;
    font-size : 15px;
    font-style : normal;
    font-weight : bold;
}
.title2{
    color: #000000;
    background-color : #F0F0F8;
    font-family : Calibri, Arial;
    font-size : 11px;
    font-style : normal;
    font-weight : bold;
    border-width: thin;
    border-style: solid;
    border-color: #A0A0A0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-box-shadow:#666 1px 0px 1px;
    -webkit-box-shadow:#666 1px 0px 1px;

}

.group1{
    color: #000000;
    background-color : #E0E0E8;
    font-family : Calibri, Arial;
    font-size : 15px;
    font-style : normal;
    font-weight : bold;
    text-align: center;
    border-width: thin;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:#666 2px 0px 2px;
    -webkit-box-shadow:#666 2px 0px 2px;
}
.group2{
    color: #000000;
    background-color : #F0F0F8;
    font-family : Calibri, Arial;
    font-size : 12px;
    font-style : normal;
    font-weight : bold;
    text-align: left;
    border-width: thin;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 4px;
    padding: 1px 10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-box-shadow:#666 1px 0px 1px;
    -webkit-box-shadow:#666 1px 0px 1px;
}
.group3{
    color: #000000;
    background-color : #FFFFFF;
    font-family : Arial;
    font-size : 11px;
    font-style : normal;
    font-weight : bold;
    text-align: left;
    border-width: thin;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* table cell as a value */
TD.editable-value{
    color : #000000;
    background-color : #F0F0FF;
    font-family : Arial;
    font-size : 12px;
    font-style : normal;
    font-weight : normal;
    text-align: center;
    vertical-align: middle;
    border-width: thin;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}


/*****************************************************************/

/*** REPORT STYLES ***/

tr.row {
    border-width : 1pt;
    border-style : solid;
    border-color : #000000;
}

.topicname{
    color : rgb(0,0,0);
    text-align : left;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : bold;
}

.topictype{
    text-align : left;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : bold;
}

.topicrole{
    color : rgb(0,0,0);
    text-align : left;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : bold;
}

.releatedrole{
    color : rgb(0,0,0);
    text-align : left;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : normal;
}

.releatedtopic{
    text-align : left;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : normal;
}

.scope{
    color : rgb(0,0,0);
    text-align : left;
    font-family : Arial;
    font-size : 11;
    font-style : normal;
    font-weight : normal;
}

.topic{
    color : rgb(0,0,64);
    text-align : left;
    font-family : Arial;
    font-size : 14;
    font-style : normal;
    font-weight : bold;
}

.smallinfo{
    color : rgb(0,0,0);
    text-align : left;
    font-family : Tahoma;
    font-size : 10;
    font-style : normal;
    font-weight : normal;
}


.inlineoccurrence{
    color : rgb(64,0,0);
    text-align : justify;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : bold;
}


.remoteoccurrence{
    text-align : left;
    font-family : Arial;
    font-size : 13;
    font-style : normal;
    font-weight : normal;
}

.report_topic_header {
    background-color : #E0E0E0;
    border-bottom : 1pt ;
    border-top : 1pt ;
    border-left : 1pt ;
    border-right : 1pt ;
    border-style : solid;
    border-color : #000000;
    color : #000000;
    text-align : left;
    font-family : Arial;
    font-size : 14;
    font-style : normal;
    font-weight : bold;
}

.report_cell {
    border-bottom : 1pt ;
    border-top : 1pt ;
    border-left : 1pt ;
    border-right : 1pt ;
    border-style : solid;
    border-color : #000000;
}

.report_text{
    color : rgb(0,0,0);
    text-align : left;
    font-family : Arial;
    font-size : 12;
    font-style : normal;
    font-weight : bold;
}

.report_reference{
    text-align : left;
    font-family : Arial;
    font-size : 12;
    font-style : normal;
    font-weight : bold;
}

table.report {
    border-bottom : 1pt ;
    border-top : 1pt ;
    border-left : 1pt ;
    border-right : 1pt ;
    border-style : solid;
    border-color : #000000;
    background-color : #FFFFFF;
}

/** style of the links */
a.menuoption:link, a.menuoption:visited {
    color: #808080;
    font-family: Verdena, Tahoma, Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
    border-width: 0px;
}

a.menuoption:hover {
    color: #808080;
    font-family: Verdena, Tahoma, Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    cursor: pointer;
    border-width: 0px;
}
a.submenu:link, a.submenu:visited {
    color: #606060;
    font-family: Verdena, Tahoma, Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
    border-width: 0px;
}

a.submenu:hover {
    color: #606060;
    font-family: Verdena, Tahoma, Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    cursor: pointer;
    border-width: 0px;
}

a:link, a:visited, a.tmtable:link, a.tmtable:visited {
    color: #404060;
    font-family: Verdena, Tahoma, Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
    border-width: 0px;
}

a:hover, a.tmtable:hover {
    color: #404060;
    font-family: Verdena, Tahoma, Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    cursor: pointer;
    border-width: 0px;
}


.icon-button {
    cursor: pointer;
    color: #606060;
    font-family: Arial, Helvetica, Tahoma;
    font-size: 9px;
}

td.icon-button:hover {
    cursor: pointer;
    color: #000000;
    font-family: Arial, Helvetica, Tahoma;
    font-size: 9px;
    text-decoration: underline;
}

.icon-button img {
    opacity: 0.5;
    filter:alpha(opacity=50);
}

.icon-button img:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}



/** NEW **/
/** NEW **/
/** NEW **/
/** NEW **/
/** NEW **/
/** NEW **/


/** General elements */
BODY{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial,Helvetica,Tahoma;
    font-size: 13px;
    font-weight: normal;
}

select {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    height: 22px;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /* border: 1px solid #000040; */
    /* behavior: url(css/default/border-radius.htc); */
}

option {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    height: 20px;
}


/** General classes **/
.label{
    color : #707070;
    font-family: Tahoma;
    font-size : 11px;
    font-style : normal;
    font-weight : normal;
    text-align: right;
    vertical-align: middle;
}

.labelTop{
    color : #707070;
    font-family: Tahoma;
    font-size : 11px;
    font-style : normal;
    font-weight : normal;
    text-align: right;
    vertical-align: top;
}


.addInfo {
    color : #808080;
    font-family : Arial;
    font-size: 10px;
    font-style : normal;
    font-weight : normal;
    text-align: left;
    vertical-align: middle;
}

.required {
    font-family : Arial;
    font-size: 13px;
    color: #FF0000;
    vertical-align: middle;
}

.value{
    color : #000000;
    background-color : #FDFDFF;
    font-family : Calibri;
    font-size : 13px;
    font-style : normal;
    font-weight : normal;
    text-align: left;
    vertical-align: middle;
    border-width: thin;
    border-style: solid;
    border-color: #A0A0C0;
    border-radius: 4px;
    padding: 1px 5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

}

.historyLink {
    color: #A0A0A0;
    font-family: Calibri, Helvetica, Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-width: 0px;
}

/** Layout **/
table.LayoutTable {
    width: 100%;
    border: 0;
    vertical-align: top;
}

img.LeftTopImage {
    margin: 0;
    margin-right: 10px;
    float: left;
}

.SmallLink:link, .SmallLink:visited {
    background-color: #FFFFFF;
    color:#00349C;
    cursor:pointer;
    font-family:Arial,Helvetica,Tahoma;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    vertical-align:middle;
}

.SmallLink:hover {
    background-color: #00349C;
    color: #FFFFFF;
    cursor:pointer;
    font-family:Arial,Helvetica,Tahoma;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    vertical-align:middle;
}

.BigLink:link, .BigLink:visited {
    background-color: #FFFFFF;
    color:#00349C;
    cursor:pointer;
    font-family:Arial,Helvetica,Tahoma;
    font-size:18px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    vertical-align:middle;
}

.BigLink:hover {
    background-color: #00349C;
    color: #FFFFFF;
    cursor:pointer;
    font-family:Arial,Helvetica,Tahoma;
    font-size:18px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    vertical-align:middle;
}

/** Buttons **/

.Button50 {
    background: rgb(255,255,255) url(images/buttons/button50.png) top left no-repeat;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    border-width: 0;
    width: 50px;
    height: 19px;
    margin: 3px 0px 3px 0px;
}

.Button75 {
    background: rgb(255,255,255) url(images/buttons/button75.png) top left no-repeat;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    border-width: 0;
    width: 75px;
    height: 19px;
    margin: 3px 0px 3px 0px;
}

/** Buttons **/
.Button75Gray {
    background: rgb(255,255,255) url(images/buttons/button75-gray.png) top left no-repeat;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    border-width: 0;
    width: 75px;
    height: 19px;
    margin: 3px 0px 3px 0px;
}


img.IconButton {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 0px 2px 0px 2px;
}


/** Menu **/
body.menu {
    background-color: #FFFFFF;
    color: black;
    font-family: Arial,Helvetica,Tahoma;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
}

div.MenuPanelHeader {
    padding: 5px;
    margin: 0;
}

div.MenuPanelHeader hr {
    margin: 5px;
}


div.MenuPanelContent {
    margin: 0px;
    vertical-align: top;
    overflow: auto;
}


div.MenuPanelFooter {
    z-index: 1;
}

img.MenuCloseButton {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

img.MenuLogoutButton {
    float: right;
    cursor: pointer;
    vertical-align: middle;
}

span.LoggedPersonLabel {
    font-size: 9px;
    font-style: italic;
    color: #a0a0a0;
}


/** Navigation Panel */

.Panel {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.PanelLeftTopCorner {
    background: url(images/borders/borders-dark-topleft.png) top left no-repeat;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.PanelTopBorder {
    background: url(images/borders/borders-dark-top.png) top left repeat-x;
    height: 12px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.PanelRightTopCorner {
    background: url(images/borders/borders-dark-topright.png) top right no-repeat;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.PanelLeftBorder {
    background: url(images/borders/borders-dark-leftborder.png) top left repeat-y;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    width: 12px;
}

.PanelContentCell {
    padding: 0px;

}

.NavigationPanelContent {
    padding: 0px;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    text-align: justify;
}

.PanelLinks {
    padding: 2px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    text-align: justify;
}

.PanelRightBorder {
    background: url(images/borders/borders-dark-rightborder.png) top right repeat-y;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    width: 12px;
}

.PanelLeftBottomCorner {
    background: url(images/borders/borders-dark-bottomleft.png) bottom left no-repeat;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}

.PanelBottomBorder {
    background: url(images/borders/borders-dark-bottom.png) bottom left repeat-x;
    height: 12px;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.PanelRightBottomCorner {
    background: url(images/borders/borders-dark-bottomright.png) bottom right no-repeat;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}

div.NavigationPanel {
    font-size: 11px;
    vertical-align: top;
    cursor: pointer;
}


/**
div.Panel {
    background: url(images/borders/borders-dark-topleft.png) top left no-repeat;
    vertical-align: top;
}

div.PanelHeader {
    background: url(images/borders/borders-dark-topright.png) top right no-repeat;
    padding: 15px 15px 0px 15px;
    margin: 0;
}
div.PanelBody {
    background: url(images/borders/borders-dark-rightborder.png) top right repeat-y;
    padding: 2px 15px 5px 15px;
    margin: 0;
    font-size: 11px;
    vertical-align: top;
    height: 230px;
    cursor: pointer;
}

div.PanelBody hr {
    margin: 5px;
}

p.PanelContent {
    vertical-align: top;
    text-align: justify;
    min-height: 120px;
}

.PanelFooter {
    background: url(images/borders/borders-dark-bottomleft.png) bottom left no-repeat;
    float: left;
    padding: 0;
    display: block;
    margin: 0;
    left: 0px;
}

.PanelFooter2 {
    background: url(images/borders/borders-dark-bottomleft.png) bottom left no-repeat;
    float: none;
    padding: 0;
    display: block;
    margin: 0;
    width: 100%;
}

.PanelFooter3 {
    background: url(images/borders/borders-dark-bottomright.png) bottom right no-repeat;
    float: right;
    padding: 0px;
    display: block;
    margin: 0;
    right: 0;
}
*/

/** context button */
div.ContextButton {
        display: block;
        vertical-align: middle;
}

div.ButtonHandle {
	display: inline-block;
	width: 84px;
	height: 19px;
	background: url(images/buttons/context-button100.png) 0 0 no-repeat;
        text-align: center;
        opacity: 0.1;
        filter:alpha(opacity=10);
        padding: 2px 20px 0px 2px;
        vertical-align: middle;
        margin: 1px;
        font-family: Arial,Helvetica,Tahoma;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
}

div.ButtonHandleSmall {
	display: inline-block;
	width: 84px;
	height: 19px;
	background: url(images/buttons/context-button100.png) 0 0 no-repeat;
        text-align: center;
        opacity: 1;
        filter:alpha(opacity=100);
        padding: 2px 20px 0px 2px;
        vertical-align: middle;
        margin: 1px;
        font-family: Arial,Helvetica,Tahoma;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
}

div.ButtonHandle a, div.ButtonHandleSmall a {
    font-family: Arial,Helvetica,Tahoma;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

div.ButtonHandleSubmenu {
	display: none;
	background: #6a747b;
	border-top: 2px #fff solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	list-style: none;
        margin-top: 0px;
        text-align: left;
        opacity: 1;
        filter:alpha(opacity=100);
        overflow: visible;
        z-index: 10;
        min-width: 200px;
}

div.ButtonHandleSubmenu a {
        font-family: Arial,Helvetica,Tahoma;
        font-size: 11px;
	display: block;
	padding: 3px 5px 3px 25px;
	border-bottom: 1px #768086 solid;
	color: #ffffff;
	text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
	background: url(images/arrow.right.png) 10% 50% no-repeat;
        vertical-align: middle;
        z-index: 11;
}


div.ButtonHandleSubmenu a:hover{
        font-family: Arial,Helvetica,Tahoma;
        font-size: 11px;
	display: block;
	padding: 3px 5px 3px 25px;
	border-bottom: 1px #768086 solid;
	color: #ffffff;
	text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
	background: url(images/arrow.right.png) 10% 50% no-repeat;
	background-color: #7a848b;
        vertical-align: middle;
}

div.ButtonHandleSubmenu img {
        vertical-align: middle;
        cursor: pointer;
        border-width: 0;
}


.fancyButton {
    cursor: pointer;
}

.fancyDiv {
    display: none;
}



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


/** context button */
div.ButtonWithMenu {
        display: inline-block;
        vertical-align: middle;
}

div.ButtonWithMenu a {
    font-family: Arial,Helvetica,Tahoma;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

div.ButtonWithMenuButton75 {
	display: inline-block;
	width: 75px;
	height: 19px;
	background: url(images/buttons/context-button75.png) 0 0 no-repeat;
        text-align: left;
        padding: 1px 1px 1px 1px;
        vertical-align: middle;
        font-family: Arial,Helvetica,Tahoma;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
}

div.ButtonWithMenuButton100 {
	display: inline-block;
	width: 100px;
	height: 19px;
	background: url(images/buttons/context-button100.png) 0 0 no-repeat;
        text-align: left;
        padding: 1px 1px 1px 1px;
        vertical-align: middle;
        font-family: Arial,Helvetica,Tahoma;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
}