body {
    padding:0 2.5% 0 2.5%;
    overflow:auto;
    font-family:Tahoma, Arial, Sans-Serif;
}

a:visited, a:link{
    font-weight:normal;
}

.h1{
    font-size:xx-large;
    font-weight:bolder;
    display:block !important;
}

.h2, .h3 {
    display: block !important;
}

small, .small, .smallMenu, .smallMenu :visited, .smallMenu :link{
    font-size:80%;
}

.smaller {
    font-size:70%;
}

.bold, .bold a:visited, .bold a:link{
    font-weight:bold;
}

.normal {
    font-weight:normal;
}

/*TODO: remove with new markup*/
table.htSitePart {
    width: 100%;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*TODO: remove with new markup*/
tr#title > td {
padding-bottom: 1ex;
}

#mainMenu {
    text-align:right;
    white-space:nowrap;
}

#mainMenu ul.menu:first-child{
    border-right:dotted 1px silver;
}

#mainMenu, #mainMenu :visited, #mainMenu :link, #mainMenu link {
    font-size:90%;
    color:#0000EE;
}

#langMenu, #uiLangMenu {
    font-size: 70%;
}

ul.menu {
    text-align:center;
    display:inline-block;
}

ul.menu > li {
    display:inline-block;
    margin-right:0.5em;
}

ul.menuExpanded > li {
    float:left;
    margin-right:2em;
}

ul.menu > li a, ul.menu > li a {
    padding:0;
}
ul.menu > li a.disabled, ul.menu > li a.disabled {
    color:Silver;
    cursor:default;
    border-bottom:none;
}

/*TODO remove on new markup*/
tr#logo {
    position: relative;
}

td.logo1 {
    white-space:nowrap;
    vertical-align:middle;
}

td.logo2 {
    position: relative;
    height: 8.5ex;
    width: 42em;
}

td.logo1 div {
    display:inline-block; 
    vertical-align:top;   
}

#logoText{
    padding-left:8px;
    margin-bottom:1ex;
    margin-right:.5em;
}

td#mainArea {
    background-color:white; /*#E6F0FF  #A5C8F2*/
    border: 2px solid #E6F0FF;
    border-left: none;
    padding: .2ex .5em;
    vertical-align:top;
    white-space:normal;
}

#indexContainer
{   
    width: 100%;
    margin-top: 2%;
}

#meta{
    height:20px;
    padding-top:2px;
    font-size:70%;
}

#meta .menu {
    padding-left: 1em;
}
#meta > table {
    width: 100%;
}
#meta > table td {
    vertical-align: top;
    line-height:13px;
}
#meta > table > tbody > tr > td:last-child {
    text-align: right;
    padding-top: .5ex;
}
.highlight
{
    font-weight:bold;
}
.red > .commentRow,
.highlight > .commentRow {
    font-weight: normal;

}

.pageHeader {
    margin-top: 2ex;
    padding-left: 1em;
}

.pageHeader > div {
    display: inline-block;
    margin-right: .3em;
    vertical-align: middle;
}

.pageHeader > div:first-child > small {
    max-width: 30em;
}

#pagePath {
    font-size: 80%;
    padding-top: 1ex;
}

.pageBody {
    padding: 1ex 1em 2ex 1em;
}


#headerInfo{
    float:right;
}

.clear{
    clear:both;
}

.nowrap { white-space:nowrap; }

table.nowrap td, table.nowrap th {
    white-space:nowrap;
}

#profileLink a{font-weight:bold}
#currentTime, #taskTime{
    font-size:80%;
    font-weight:bold;
    color:#555;
}
.h1 .logoLink:link, .h1 .logoLink:visited {
    font-weight: bold;
    color: #444;
}
.h3 .logoLink:link, .h3 .logoLink:visited {
    color: #444;
}
.logoLink{
    text-decoration:none;
}
.grayClick{
    text-decoration:underline;
    cursor:pointer;
}
#headerInfo, #headerInfo *{
    text-align:right;
}

h1{
    font-size:120%;
    font-weight:bold;
}

.smallMenu, .smallMenu :visited, .smallMenu :link{
    color:Gray;
}

.paymentDiv
{
    border: solid 2px #A5C8F2;
    padding: 5px 5px 5px 5px;
}

.paymentInvoiceLink
{
    color: Red
}

.paymentBalanceLink
{
    color: Green
}

.paymentInvoiceLink:link, .paymentInvoiceLink:visited
{
    color: Red;
}

.paymentSubscribtionLink, .paymentSubscribtionLink:link, paymentSubscribtionLink:visited
{
    color: Red;
}

.paymentBalanceLink:link, .paymentBalanceLink:visited
{
    color: Green;
}

.serviceLink, .serviceText
{
    color:gray;
}
.serviceLink a, .serviceLink a:link, .serviceLink a:visited, .serviceLink:link, .serviceLink:visited,
.serviceText a, .serviceText a:link, .serviceText a:visited, .serviceText:link, .serviceText:visited
{
    color:Gray;
    border-bottom:dotted 1px Silver;
    text-decoration:none;
    cursor:pointer;
}

.headTab{
    color:#444;
    background-color:#A5C8F2;
}
/* Misc ********************/
#currentLang a:visited, #currentLang a:link, #currentLang{
    border-bottom:none;
    font-weight:bold;
}

/* Messages */
ul.ulMsg
{
    text-align: center;
    padding: 0;
    margin: 0;
}
        
ul.ulMsg li
{
    list-style: none;
    list-style-position: outside;
    max-width: 60%;
    background-color: #fff3b2;
    border-width: 0; 
    border-style: solid;
    border-color: #ffde31; 
    color: #444;
    padding: .5em;
    font-size: 80%;
    margin: 0em;
    margin-bottom: 0.2em;
}
        
ul.ulMsg li.error
{
    color: #b94a48;
    background-color: #f2dede;
}

.green{
    color:#484;
}

.red{
    color:#844;
}

.orange {
    color: #B84;
}


.shortUrlList
{
    border:1px solid #A5C8F2;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    background-color:White;
    color:Black;
    font-size:80%;
    display:inline-block;
}

ul.shortUrlList li {
    margin:2px;
    padding:2px;
}

/*privacy*/
ul.privacy
{
    margin:5px;
}

ul.privacy li
{
    font-size:90%;
    list-style-type:disc;
    list-style-position:inside;
    margin:2px;
}

ul.privacy li.header
{
    list-style-type:none;
    font-weight:bold;
    font-size:100%;
    margin-bottom:0.5em;
    margin-top:0.5em;
}

ul.privacy li.grouping
{
    list-style-type:none;
    margin-bottom:0.5em;
    font-style:italic;
}
    
/* Social buttons*/

.social
{
    text-align:left;
    display: inline-block;
    /*min-width: 90px;*/
}
    
/* Localization */
div.localized {
    display:inline-block;
}

#localizationBlock {
    display:none;
    position:absolute;
    border:2px solid #A5C8F2;
    background-color:#E6F0FF; 
    z-index:9999;
    padding: 5px;
    font-size:80%;
}

#localizationBlock i {
    font-size:120%; 
    cursor:pointer
}

#localizationText, #localizationTranslations {
    display:none;
}

/*#showTranslationHelp, .showTranslationHelp
{
    cursor:pointer;
    padding:2px;
    border:1px solid #A5C8F2;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#showTranslationHelp:hover
{
    background-color:#A5C8F2;
}*/
    
table.localized-entities {
    margin:1%;
    vertical-align:top;
    font-size:80%;
}

table.localized-entities td th {
    padding:.6em;
}
    
div.addInformer
{
    padding-bottom: 2ex;
    padding-top: 2ex;
    text-align: right;
}

a.noDecor
{
        text-decoration: none;
}

div.addInformer>.head
{
    padding-bottom: 1ex;
    padding-top: 1ex;
    font-weight: bold;
    text-align: right;
}
div.addInformer>.body
{
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: right;
}

select.predefinedPorts {
    vertical-align:top
}

td.siteMapMenu {
    width: 1px;
    font-size: 80%;
    vertical-align:top;    
    background-color: #E6F0FF;
    border-bottom: 2px solid #E6F0FF;
    border-top: 2px solid #E6F0FF;
}

td.siteMapMenu a {
    color: black;
    text-decoration:none;
    text-shadow: none;
    cursor:pointer;
    /*font-weight:bold;*/
}

div.siteMapTab {
    background-color:#E6F0FF;  
    min-width:12em;
    min-height: 50px;
    display:inline-table;
    width:100%;            
}

div.siteMapTab.disabled {
    /*background-color:rgb(248, 248, 248);*/
    color: gray;
    cursor:default;
}

div.siteMapTab div {
    vertical-align:middle;
}

.siteMapTitle {
    padding: 2ex .5em 2ex .5em;
    display:table-cell;
}

.siteMapIcon {
    font-size: 200%;
    padding-left: .3em;
    /*padding-right: .3em;*/
    text-align: center;
    width: 25%;
    display:table-cell;
}

div.siteMapTab:hover {
    background-color:#A5C8F2;   
}

div.siteMapTab.disabled:hover {
    background-color:#E6F0FF;   
}

div.siteMapTab.active {
    background-color:white;
    border: 3px solid #E6F0FF;
    border-left: 5px solid #E6F0FF;
    border-right: none;
}

div.siteMapTab.groupHideShow .siteMapTitle {    
    text-align:center
}
div.siteMapTab.groupHideShow .siteMapTitle > span {
    padding-right: .5em;
}

div.siteMapTab.adminGroup {
    background-color:#C9F2C0;   
}
div.siteMapTab.adminGroup.active {
    background-color:white;
    border: 3px solid #C9F2C0;
    border-left: 5px solid #C9F2C0;
    border-right: none;
}
div.siteMapTab.adminGroup:hover {
    background-color: #97DA88;
}
div.siteMapSplit {
    height:.7ex;
    background-color: white;
    border-right: 3px solid #E6F0FF;
}

div.siteMapHeadSplit {
    height:3ex;
}

div.siteMapSplitLong {
    height:5ex;
}

div.pageActions {
    padding-left: 1.5em;
}

.pageActions > input[type=button], .pageActions > input[type=submit],
.pageActions > input[type=reset] {
    color: black;
    text-decoration:none;
    text-shadow: none;
    cursor:pointer;
    /*font-weight:bold;*/
    font-size: 15px;
    background-color:#E2E2E2;  
    padding: 0.4em; 
    border:none;
    min-width:7em;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: linear-gradient(to bottom, #FFFFFF, #E2E2E2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#E2E2E2E2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    margin-right: .5em;
}

.pageActions > input[type=button].defaultAction, .pageActions > input[type=submit].defaultAction,
.pageActions > input[type=reset] .defaultAction {
    background-image: -moz-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDFFD5), to(#CFF0C8));
    background-image: -webkit-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: -o-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: linear-gradient(to bottom, #DDFFD5, #CFF0C8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##DDFFD500', endColorstr='#CFF0C800', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.pageActions > input[type=button].defaultAction:hover:not(:disabled), .pageActions > input[type=submit].defaultAction:hover:not(:disabled),
.pageActions > input[type=reset] .defaultAction:hover:not(:disabled) {
    background-image: -moz-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDFFD5), to(#97DA88));
    background-image: -webkit-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: -o-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: linear-gradient(to bottom, #DDFFD5, #97DA88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDFFD500', endColorstr='#97DA8800', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.pageActions > input[type=button].warningAction, .pageActions > input[type=submit].warningAction,
.pageActions > input[type=reset] .warningAction {
    background-image: -moz-linear-gradient(top, #FFFFFF, #FC6C6C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FC6C6C));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FC6C6C);
    background-image: -o-linear-gradient(top, #FFFFFF, #FC6C6C);
    background-image: linear-gradient(to bottom, #FFFFFF, #FC6C6C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##FFFFFF', endColorstr='#FC6C6C', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .pageActions > input[type=button].warningAction:hover, .pageActions > input[type=submit].warningAction:hover,
    .pageActions > input[type=reset] .warningAction:hover {
        background-image: -moz-linear-gradient(top, #FC6C6C, #FC6C6C);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FC6C6C), to(#FC6C6C));
        background-image: -webkit-linear-gradient(top, #FC6C6C, #FC6C6C);
        background-image: -o-linear-gradient(top, #FC6C6C, #FC6C6C);
        background-image: linear-gradient(to bottom, #FC6C6C, #FC6C6C);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC6C6C', endColorstr='#FC6C6C', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }


.pageActions > input[type=button]:not([disabled]):hover, .pageActions > input[type=submit]:not([disabled]):hover,
.pageActions > input[type=reset]:not([disabled]):hover {    
    color: #333333;
    text-decoration: none;
    background-image: -moz-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#BEBEBE));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -o-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: linear-gradient(to bottom, #E2E2E2, #BEBEBE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##E2E2E2E2', endColorstr='#BEBEBEBE', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);    
    /*background-color:#97DA88;*/  
}

.pageActions > a {
    color: black;
    text-decoration:none;
    text-shadow: none;
    cursor:pointer;
    /*font-weight:bold;*/
    /*display:inline-block;*/
}

.pageActions > a > div {
    background-color:#E2E2E2;   
    display: inline-block; 
    padding: 0.5em; /* .5em 1ex .5em 1ex; */
    font-size: 15px;
    min-width:5em;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: linear-gradient(to bottom, #FFFFFF, #E2E2E2);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##FFFFFFFF', endColorstr='#E2E2E2E2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pageActions > a.defaultAction > div {
    background-image: -moz-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDFFD5), to(#CFF0C8));
    background-image: -webkit-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: -o-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: linear-gradient(to bottom, #DDFFD5, #CFF0C8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##DDFFD500', endColorstr='#CFF0C800', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.pageActions > a.defaultAction:not(.disabled) > div:hover {
    background-image: -moz-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDFFD5), to(#97DA88));
    background-image: -webkit-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: -o-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: linear-gradient(to bottom, #DDFFD5, #97DA88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDFFD500', endColorstr='#97DA8800', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.pageActions > a > div > span {
    padding-left: .3em;
    display:table-cell;
    vertical-align: middle;
}

.pageActions > a > div > i {
    font-size: 120%;
    display:table-cell;
}

.pageActions > a > div:hover {    
    color: #333333;
    text-decoration: none;
    background-image: -moz-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#BEBEBE));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -o-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: linear-gradient(to bottom, #E2E2E2, #BEBEBE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##E2E2E2E2', endColorstr='#BEBEBEBE', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);               
}

.pageActions > a.disabled, .pageActions > input[disabled], .siteButton > a.disabled {
    cursor:default;
}

.pageActions > a.disabled > div, .pageActions > input[disabled], .siteButton > a.disabled > div {
    color:white;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pageActions > a.disabled > div:hover, .siteButton > a.disabled > div:hover {
    color:white;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.siteButton.packageButton {
    font-size: 90%;
    background-color:#E2E2E2; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;   
    display:inline-block;   
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: linear-gradient(to bottom, #FFFFFF, #E2E2E2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#E2E2E2E2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);  
}

div.siteButton:not(.packageButton) {
    font-size: 90%;
    background-color:#C9F2C0; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;   
    display:inline-block;   
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -moz-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDFFD5), to(#CFF0C8));
    background-image: -webkit-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: -o-linear-gradient(top, #DDFFD5, #CFF0C8);
    background-image: linear-gradient(to bottom, #DDFFD5, #CFF0C8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDFFD500', endColorstr='#CFF0C800', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);     
}

div.siteButton > a {
    text-decoration:none;
    text-shadow: none;
    cursor:pointer;    
    color: black; 
}

div.siteButton > a.mainButton {
    /*font-weight:bold;*/    
}

div.siteButton > a.mainButton > div {      
    padding: 0.6em; /* 1.2ex 1em 1.2ex 1em; */
    /*display: inline-block;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*min-width: 10em;*/
    text-align:left;
}

div.siteButton > a.mainButton > div > span {
    padding-right: .5em;
}

div.siteButton:not(.packageButton) > a:not(.mainButton) > div:hover {
    background-image: -moz-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDFFD5), to(#97DA88));
    background-image: -webkit-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: -o-linear-gradient(top, #DDFFD5, #97DA88);
    background-image: linear-gradient(to bottom, #DDFFD5, #97DA88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDFFD500', endColorstr='#97DA8800', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
}

div.siteButton.packageButton > a:not(.mainButton) > div:hover {
    background-image: -moz-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#BEBEBE));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -o-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: linear-gradient(to bottom, #E2E2E2, #BEBEBE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2E2', endColorstr='#BEBEBEBE', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
}

div.siteButton.packageButton > a.errorButton > div {
    color: #b94a48;
    border-color: #eed3d7;
    background-color: #FFCDCD;
    background-image: -moz-linear-gradient(top, #FFFFFF, #f2dede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f2dede));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #f2dede);
    background-image: -o-linear-gradient(top, #FFFFFF, #f2dede);
    background-image: linear-gradient(to bottom, #FFFFFF, #f2dede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#f2dede00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
}

div.siteButton.packageButton > a.errorButton:not(.mainButton) > div:hover {
    background-color: #BEBEBE;
    background-image: -moz-linear-gradient(top, #FFFFFF, #BEBEBE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#BEBEBE));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #BEBEBE);
    background-image: -o-linear-gradient(top, #FFFFFF, #BEBEBE);
    background-image: linear-gradient(to bottom, #FFFFFF, #BEBEBE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#BEBEBE00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
}

div.siteButton.packageButton > a.warnButton > div {
    background-color: #DABD24;
    background-image: -moz-linear-gradient(top, #FFFFFF, #DABD24);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DABD24));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #DABD24);
    background-image: -o-linear-gradient(top, #FFFFFF, #DABD24);
    background-image: linear-gradient(to bottom, #FFFFFF, #DABD24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#DABD2400', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
}

div.siteButton.packageButton > a.warnButton:not(.mainButton) > div:hover {
    background-color: #FF8000;
    background-image: -moz-linear-gradient(top, #FFFFFF, #FF8000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FF8000));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FF8000);
    background-image: -o-linear-gradient(top, #FFFFFF, #FF8000);
    background-image: linear-gradient(to bottom, #FFFFFF, #FF8000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FF800000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 
}

.dropDownHolder {
    position:relative;
    /*width:13em;*/
    /*display:inline-block;*/
}

.dropDown {
    position:relative;
    min-width:7em;
    background-color:#E2E2E2;
    font-size:15px;
    /*display:inline-block;*/   
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2);
    background-image: linear-gradient(to bottom, #FFFFFF, #E2E2E2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##FFFFFFFF', endColorstr='#E2E2E2E2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*.dropDown:hover {
    background-color:#97DA88;    
}*/

a.dropDownMenu {
    font-size: 80%;
    display: none;
}

a.dropDownMenu > div {
    padding: 1ex 0 1ex 1em;
    border-top: 1px solid white;
    /*font-weight:bold;*/
    /*text-align:center;*/
}

.dropDown > a > div:hover {
    color: #333333;
    text-decoration: none;      
    background-image: -moz-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#BEBEBE));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: -o-linear-gradient(top, #E2E2E2, #BEBEBE);
    background-image: linear-gradient(to bottom, #E2E2E2, #BEBEBE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##E2E2E2E2', endColorstr='#BEBEBEBE', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);       
}

.dropDown > a {
    /*font-weight:bold;*/    
    color: black;
    text-decoration:none;
}

.dropDown > a.dropDownMainButton > div {      
    padding: 0.6em; /*  1.2ex 1em 1.2ex 1em; */
    text-align:right;
    /*display: inline-block;*/
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    /*min-width: 10em;
    text-align:right;*/
}

.dropDown > a.dropDownMainButton > div > span {
    padding-right: .5em;
}

.siteButtonsHolder {
    position: relative;
    height: 5.5ex;
    padding-top: .3ex;
}

table.siteButtons {
    width:100%;
    position:relative;
    margin-top: .5ex;
    z-index:1000;
}

table.siteButtons td {
    white-space:nowrap;  
    padding-left: .5em;
    vertical-align: top;  
}

table.siteButtons td.nodeCount {
    font-size: 80%;
    padding-right: 4em;
    padding-top: 2ex;
}

div.siteButtonSplit {
    width: .0em;
    display:inline-block;
}

a.siteButtonMenu {
    font-size: 80%;
    display: none;
}

a.siteButtonMenu > div {
    
    padding: 1em;
    border-top: 1px solid white;
    /*font-weight:bold;*/
    /*text-align:right;*/
    /*text-align:center;*/
}

a.siteButtonMenu > div:hover {
    background-color: #97DA88;
    color: black;
    /*border: 1px solid #A5C8F2;*/
}

table.IC {
    width: 100%;
    border: 3px solid white;
}

td.IC {
    padding: .5em 2ex; 
    background-color: #E6F0FF;
    font-size:80%;
}

td.IC > table {
    width: 100%;
}

td.IC > table td {
    width: 5%;
}

td.IC > table td.address {
    width: 90%;
}

td.IC > table td.address input {
    width: 99%;
}

input.default, textarea.default {
    color: gray;
}

.shortUrlLoad img {
    height:15px; 
    width:auto; 
    vertical-align: text-top; 
}

/*table*/
.table
{
    margin: .5ex 0 1.5ex 0;
    vertical-align:top;
    font-size:80%;
}

.table > thead
{
    border-color:#A5C8F2;
}

table.centered > tbody > tr > td, 
table.centered > thead > tr > td
{
    vertical-align: middle;
}

table.centered > tbody > tr > th, 
table.centered > thead > tr > th
{
    vertical-align: middle;
    white-space:nowrap;
}   

.table > tbody > tr > td {
    border-right:1px solid #A5C8F2;
    border-top:1px dotted #A5C8F2;    
    padding:.6em;
}

.table > tbody > tr > th {
    border-right: 1px solid #A5C8F2;
    border-top:1px dotted #A5C8F2;
    padding:.6em;
}

.table > thead > tr > td {
    border-bottom: 2px solid #A5C8F2;
    border-right: 1px solid #A5C8F2;
    padding:.6em;
}

.table > thead > tr > th {
    border-right: 1px solid #A5C8F2;
    border-bottom: 2px solid #A5C8F2;
    padding:.6em;
}

.table > tbody > tr.highlightRow, 
.table > thead > tr.highlightRow  {
    background-color:#A5C8F2;
}

.table > tbody > tr.odd > td{
    background: White;
}

.table > thead > tr > td:last-child,
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child,
.table > tbody > tr > th:last-child {
    border-right:none;
}

.table > thead > tr > td.lastCol, 
.table > tbody > tr > td.lastCol {
    border-right:none;
}

.table > tbody > tr > td.lastRow{
    border-bottom:none;
}

.table > thead > tr > td.noBorder, .table > thead > tr > th.noBorder,
.table > tbody > tr > td.noBorder, .table > tbody > tr > th.noBorder {
    border:none;
}

.table td.alertUp, .table td.alertDown, .table td.alertRepeat, .table td.DailyReport, 
.table td.WeeklyReport, .table td.MonthlyReport, .table td.DisabledReport,
.table td.alerts, .table td.stats
 {
    text-align:center;
}

.table td.alertUp, .table td.alertDown, .table td.stats, .table td.alerts, 
.table td.DailyReport, .table td.WeeklyReport, .table td.DisabledReport,
.table td.alerts, .table td.stats {
    border-right:none;
}

.table td.alertUp{ background-color:#C9F2C0 }
.table td.alertDown{ background-color:#FFCCC8 }
.table td.stats{ background-color:#C9F2C0 }
.table td.alerts{ background-color:#DDDBEA}
.table td.alertRepeat{ background-color:#DDDBEA }
.table td.DailyReport{ background-color:#FFF6CC }
.table td.DisabledReport { background-color:#FF5555 }
.table td.WeeklyReport{ background-color:#FFE3C6 }
.table td.MonthlyReport{ background-color:#C4DCFF }
.table td.QuarterlyReport{ background-color:#F2C0C0 }
.table td.YearlyReport{ background-color:#C8CCFF }

.table td.desc{
    border-right:none;
}

/*form*/
table.form {
    margin-left: 1em;
    width: 100%;
}

table.form > tbody > tr > td {
    padding:.7ex .5em;    
}

table.form > tbody > tr > th {
    background-color: #F8F8F8;
    padding: .7ex .7em; 
    font-weight: 600;
}

table.form .pageActions {
    padding: 0;
    margin-bottom: 1ex
}

table.form > tbody > tr > td:first-child {
    text-align: right;
    width: 1px;
    white-space:nowrap;
}
    
table.form input[type=text],
table.form input[type=password] {
    width:14.5em;
    margin-right: .5em;
}

table.form textarea.wide {
    height:20ex;
}

table.form input[type=text].wide,
table.form textarea.wide {
    width:30em;
    max-height:50ex;
}

table.selection {
    border: 2px solid #F8F8F8;
    margin-top: 1ex;
    margin-bottom: 1ex;
}

input[type=text].narrow{
    width:6em;
}

.wideTextBox
{
    width:50%;
}

.field-validation-error{
    color:Red;
    font-size: 80%;
    
}    
.input-validation-error  
{
    background-color:#FFD0D0;
}

    
/* These styles correspondes with base.css/Messages */

.validation-summary-errors, .validation-summary-errors ul
{
    padding: 0;
    margin: 0;
}
        
.validation-summary-errors span, .validation-summary-errors ul li
{
    list-style: none;
    list-style-position: outside;
    max-width: 60%;
    margin-right: auto;
    margin-left: auto;
    color: #b94a48;
    background-color: #f2dede;
    padding: .5em;
    margin: 0em;
    margin-bottom: 0.2em;
}

 .validation-summary-errors.landingPage span, .validation-summary-errors.landingPage ul li {
    background-color: #00adee;
    padding:inherit;
    margin:inherit;
    color:red;
}

 div.warnMsg {
    max-width: 60%;
    background-color: #fff3b2;
    border-width: 0; 
    border-style: solid;
    border-color: #ffde31; 
    color: #444;
    padding: .5em;
    font-size: 80%;
    margin: 0em;
    margin-bottom: 0.5em;
}

.inline {
    display:inline-block;
}

table.matrix > tbody > tr > td {
    min-width: 3em;
}

.expandable {
    cursor:pointer;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.expandable:not(.expanded) ~ tr:not(.ignoreExpanding) {
    display:none;
}

table.form._5 > tbody >tr > td:first-child {
    width: 5%;
}


table.form._10 > tbody >tr > td:first-child {
    width: 10%;
}

table.form._15 > tbody >tr > td:first-child {
    width: 15%;
}

table.form._20 > tbody >tr > td:first-child {
    width: 20%;
}

table.form._30 > tbody >tr > td:first-child {
    width: 30%;
}

table.form._40 > tbody >tr > td:first-child {
    width: 40%;
}

table.form._50 > tbody >tr > td:first-child {
    width: 50%;
}

.tags:not(.editableTags) {
    background-color: #E6F0FF;
    padding: .2ex .3em .3ex .3em;
}

.keywords:not(.editableTags) {
    background-color: #FFCDCD;
    padding: .2ex .3em .3ex .3em;
}

#feedback {
    display:none;
}

#feedback div.background {
    position: fixed; 
    width: 100%; 
    opacity: 0.7; z-index: 1003;
    margin-left: -5%; 
    background-color: Black
}

#feedback div.thanks {
    display: none; 
    padding: 1em; 
    background-color: white;
    z-index: 1005; 
    position: fixed; 
    padding:1ex 0.7em 1ex 0.7em;
    font-weight: bold;
}

#feedback div.form {
    padding: 1ex 2em 1ex 2em; 
    background-color: white; 
    z-index: 1004;
    position: fixed;
    background-color: white;
}
#closeFeedback {
    float: right; 
    font-size: 85%; 
    cursor: pointer
}

#feedbackHead {
    padding:1ex .5em 1ex .5em;
    background-color: #E6F0FF;
    font-weight:bold;
}

#feedbackContent {
    margin-bottom: 10px; 
    padding-top: 5px;
    font-size: 80%;
}

#feedbackEmailContainer {
    margin-bottom: 10px;
    font-size:80%;
}

#feedbackErrorSendingMsg, #feedbackCaptchaFail {
    float: right; 
    color: red; 
    display: none; 
    margin-top:3px
}

.errorHolder {
    display:none;
    font-size:inherit;
}

.captchaError {
    font-size:inherit;
    color: red !important;
}

#ICcaptcha > td {
    width: 100%;
}

#ICprogress {
    vertical-align:middle; 
    padding-left: 1em;
    visibility:hidden;
}

#ICprogress img {
    width: 25px;
    height: 25px;
}

.captchaHead {
    font-weight: bold;
    padding: 1ex 0 1ex 0;
}

.helpDialog{
    border:1px solid silver;
    background-color:White;
}
.helpDialog > div{
    width:100%;
    background-color:#A5C8F2;
}
.modalTitle{
    margin-left:.2em;
    margin-right: .5em;
    font-weight:bolder;
}
.modalClose
{
    margin:.2em;
    padding:.2em;
    line-height:100%;
    cursor:pointer;
    float:right;
    font-weight:bolder;
}
.helpBox > .helpTitle{
    /*background-color:#A5C8F2;*/
    border-bottom:1px solid black;
    padding:.3ex .3em;
}
.helpBox{
    display:none;
    position:absolute;
    top:364px;
    left:369px;
    background-color:#E6F0FF;
    border:2px solid black;
    min-width:20em;
    width:40%;
    z-index:100;
    padding:.5ex .5em;
    border-radius: 10px;
    
}
.helpBox > .helpContent{
    padding:.6ex .6em;
}
.helpBox ul{
    list-style-type:circle;
    list-style-position:inside;
}
.helpBox li{
    margin-top:.45em;
}
.infoColumn{
    background-color:#EEE;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.infoCaption{
    width:100%;
    background-color:Silver;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.infoCaption h1{
    padding:4px;
    font-weight:bold;
    font-size:90%;
}
.featuresList{
    padding:8px;
}
.featuresList li{
    list-style-type:circle;
    list-style-position:inside;
    display:list-item;
    font-size:80%;
    line-height:130%;
}
.helpTables > table {
    width: 100%;
    margin: 1ex 0 1ex 0;
}
.helpTables > table td {
    font-size: 90%;
    padding: .5ex 0 .5ex .3em;
}
.helpTables > table th {
    background-color: #E6F0FF;
    padding: .7ex 0 .7ex .5em;
}
table.vmiddle > tbody > tr > td {
    vertical-align: middle;
}

thead.vmiddle > tr > th, thead.vmiddle > tr > td {
    vertical-align: middle;
}
._3em {
    width:3em;
}
._7em {
    width:7em;
}
._10em {
    width:10em;
}
._15em {
    width:15em;
}
._20em {
    width:20em;
}
._30em {
    width:30em;
}
table.amounts {
    width:100%;
}
table.amounts td {
    vertical-align:middle;
}

table.amounts td.mid {
    text-align:right;
}

table.amounts tr:first-child > td.mid {
    padding-bottom: .5ex;
    width: 3em;
}

table.amounts tr:last-child > td.mid {
    padding-top:.5ex;
}

table.amounts tr:first-child > td:last-child {
    padding-left: .5ex;
    font-size: 150%;
    font-weight: bold;
}

div.pageActions.navigation {
    padding-left: 2.5em;
    padding-top: .5ex;
}

div.navigationTabs {
    margin-left: 1.5em;
    padding-left:.5em;
    padding-top: 1.5ex;
    border-bottom: 2px solid #cccccc;
}

div.navigationTabs > a {
    color: black;
    text-decoration:none;
    text-shadow: none;
    cursor:pointer;
    /*font-weight:bold;*/
}

div.navigationTabs > a.active {
    cursor:default;
}

div.navigationTabs > a > div {
    border:2px solid #cccccc;
    border-bottom:none;
    background-color:#cccccc;   
    display: inline-block; 
    padding: .5em 1ex .5em 1ex;
    font-size: 13px;
    min-width: 6em;
    text-align:center;
}

div.navigationTabs.medium > a > div {
    min-width: 4em;
}
div.navigationTabs.small > a > div {
    min-width: 1em;
}


div.navigationTabs > a > div:hover {
    border:2px solid silver;
    background-color:silver; 
    border-bottom:none;
}

div.navigationTabs > a.active > div {
    background-color:inherit;
    border:2px solid #cccccc;
    border-bottom:none;
}

.stateSpans tbody tr:not(.eventDeleted):hover{
    background-color: #E6F0FF;
    cursor: pointer;
}

.digit-cell { text-align: right; }        
.total-cell{ background-color: #A5C8F2;}
.block, ul.menu.block { display: block}

/* Some styles for Paragraph texts*/
.text-info
{
    font-size: 16px;
}
.text-info p
{
    margin:0.5em;
                
    font-size: 16px;
}

.pageActions input.smallButton {
    font-size: 12px;
    font-weight:normal;
    min-width: inherit;
    margin-right: .5em;
}

.pageActions a.smallButton > div {
    font-size: 12px;
    font-weight:normal;
    min-width: inherit;
}

/* Rewrite some jQuery-ui CSS
    */

.ui-slider .ui-slider-handle {
    background-color: #999999 !important;
}


#mainErrorHolder {
    font-size:90%;
}

#mainErrorHolder > a, #mainErrorHolder > span {
    white-space: nowrap;
    background-color: #fee;
    padding:.5em;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    margin-top:.3ex;
    float:left;
    margin-right:.4ex;
    border: 1px solid #fee;
}

#mainErrorHolder > a:hover, #mainErrorHolder > span:hover {
    border: 1px solid #B00;
}

#mainErrorHolder a {
    color: black;
    text-decoration:none;
}

#mainErrorHolder i {
    color:#B00;
    font-weight:bold;
}


#pathHolder {
    display:inline-block;
    white-space:nowrap;
    margin-top:.3ex;
    margin-right:1em;
    float: left;
}

.errMsg {
    color: #b94a48;
    font-weight:bold;
}

a.externalLink, a.externalLink:visited 
{
    color: #999999;
    text-decoration: none;
    font-size: 75%;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.externalProviderLogo {
    display:table-cell; 
    border-radius: 100px; 
    width: 50px; 
    height: 50px; 
    vertical-align:middle;
    text-align:center; 
    background-color: #A5C8F2; 
    color:white; 
    font-size: x-large;
    border:none;
}

.externalProviderLogo.disabled {
    background-color: #cccccc;
}

.externalProviderLogo.fixed {
    background-color: #A5C8F2; 
}

.externalProviderLogo:hover, .externalProviderLogo.disabled:hover {
    background-color: #4698f9; 
}

tr.externalProviders > td {
    vertical-align:middle; 
    text-align:center;     
}

tr.externalProviders > td:not(:first-child) {
    padding-left: 1em;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectInAllPages {
    padding-left: .3em;
    padding-bottom:1ex;
}

[poolId] {
    font-size: 80%;
    display:none;
}

[poolId] div {
    padding-top: .5ex;
}

.languageEnabled a {
    text-decoration: none;
    color: black;
    cursor:default;
}
.languageDisabled a {
    color: black;
    cursor: pointer;
    text-decoration:underline;
}
/*#languages li a:hover {
    text-decoration:none;
    color: black;
}*/

div.formatText {
    max-width: 70em;
    padding-top: 1ex;
}
.formatText p, li {
    line-height: 1.4;
}

.formatText ul, .formatText ol, .formatText p {
    margin-bottom: 10px;
}

.formatText .h1 {
    font-size: 120%;
}

.formatText .h2 {
    font-size: 110%;    
}

.formatText div {
    /*text-indent: .5em;*/
    padding-bottom: 1ex;
    padding-top: 1ex;
}

.formatText ul {
    list-style:disc;
    padding-left: 2em;
}

#nav {
    /*padding: 1em 20px 1em 20px;*/    
    padding-left: 10px;
    font-size:110%;
    /*font-size: 90%;*/
}

#nav a.serviceLink {
    color: black;
    border:none;
}

#nav a.serviceLink:hover, #nav #giveFeedbackLink > span:hover {
    border-bottom: 1px solid black;
}

#nav .h3 {
    padding-top: .8em;
    padding-bottom: .5ex;
    font-weight:bold;
}

#nav div.span8{
    width: 65.95744680851064%;
}

#nav > div {
    padding-bottom: 1ex;
}

#nav [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*page terms*/
#pageTerms {
    margin-bottom:.8em;        
}

#pageTerms .term:not(:first-child) {
    display: none;
}

#pageTerms.show {
    display: block;
}

#pageTerms table {
    width: 100%;  
}

#pageTerms table td:first-child, #pageTerms table td:last-child {
    font-size: 200%;
    vertical-align:middle;
    text-align:center;
    color: #cccccc;    
    width: 5%;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    
}

td.terms {
    padding-left: .9em;
    padding-right: .9em;
    height: 10em;
    vertical-align: middle;
}

#termsAndSocialHolder {
    float:right; 
    text-align:right; 
    padding-top:.8em;
}

#switchTermLeft:hover, #switchTermRight:hover {
    cursor:pointer;
    color:black;
}

div.term div.termContent, div.term div.blogContent {
    overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-top:.5em;
    line-height: 18px;
}

div.termContent .shortTitle {
    display: none;
}

div.termContent div.shortText > p, div.blogContent div.shortText > p, div.shortText > p {
    line-height: 18px;
}

#pageTerms .fullText, #pageTerms .linkedTerms {
    display:none;
}

.termTitle, .blogTitle {
    font-size:150%;
    font-weight:bold;    
}

.testimonial {
    font-style:italic;
}

.testimonial p {
    display: inline-block;
}

div.term .author {
    font-weight: bold;
    padding-right: 1em;
    padding-left: 1em;
}

.moreLink > a, a.moreLink {
    color:gray;
    font-weight:bold;
}

ul.linkedArticles {
    text-align:center;
}

ul.linkedArticles li {
    display:inline-block;
    float:left;    
    padding: .2em .5em;
}

ul.linkedArticles li:not(.seeAlso) {
    
}

ul.linkedArticles li.seeAlso {
    padding-left: 0;
}

ul.linkedArticles li a {
    color:Gray;
    border-bottom:dotted 1px Silver;
    text-decoration:none;
    cursor:pointer;
}

.faqHead > a {
    font-weight:bold;
    font-size:130%;
    color: black;
    /*text-decoration:none;*/
}

ul.questions {
    list-style: disc;
    margin-left: 2em;
    padding-top: .5em;
    font-size: 110%;
}

ul.questions li > a {
    text-decoration:none;
    color: black;
}

ul.questions li > a:hover {
    border-bottom: 1px solid black;
}

div.taggedFAQ {
    padding-top: .5em;    
}

div.taggedFAQ .faqTag {    
    font-size: 120%;    
    padding-bottom: .5em;
}

div.taggedFAQ .faqTag > a {
    color: gray;
    text-decoration: none;
    font-weight: bold;
}

div.taggedFAQ > div.q {
    padding-left: 2em;    
} 

.articleDate {
    font-style:italic;
    margin-bottom: 1em;    
}

.articleDateHolder {
    padding-top: .3em;
}

#fullArticle {
    width: 50em;
    font-size: 90%;   
    line-height: 20px; 
	/* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";    

	/* Text color */
	color: #333;

	/* Remove the background color to make it transparent */
	background-color: #fff;

	margin: 20px;
}

#fullArticle blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
    margin-bottom: 1em;
}

#fullArticle ol, #fullArticle ul, #fullArticle dl {
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
    margin-bottom: 1em;
}

#fullArticle ol {
    list-style: decimal;
}

#fullArticle .h1, #fullArticle .h2, #fullArticle .h3, #fullArticle .h4, #fullArticle .h5, #fullArticle .h6 {
    font-weight: normal;
    line-height: 1.2;
}

#fullArticle hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

#fullArticle img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

#fullArticle img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

#fullArticle pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	-o-tab-size: 4;
	-webkit-tab-size: 4;
	tab-size: 4;
}

#fullArticle .marker
{
	background-color: Yellow;
}

#fullArticle span[lang]
{
	font-style: italic;
}

#fullArticle figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

#fullArticle figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

#fullArticle a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}


#fullArticle div, #fullArticle p, #fullArticle span {
    line-height: 1.6;
}

#fullArticle p {
    margin-bottom: 1em;
}

#fullArticle img {
border: none;
padding: 8px;
-moz-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bKCuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtymq/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkSuQmCC) 9 / 9px stretch;
-ms-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bKCuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtymq/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkSuQmCC) 9 / 9px stretch;
-o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bKCuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtymq/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkSuQmCC) 9 / 9px stretch;
border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bKCuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtymq/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkSuQmCC) 9 / 9px stretch;
-webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bKCuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtymq/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkSuQmCC) 9 / 9px stretch;
border-width: 9px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 10px auto;
height: auto;
}

#fullArticle.glossary {
    margin-bottom: 2em;
}

#fullArticle.blog a {
    color: rgba(0, 158, 184, 1);
}

#fullArticle ul {
    list-style: disc;
}

.article {
    margin-bottom: 2em;
}

.article .title {
    font-weight: bold;
    font-size: 115%;
    margin-bottom: .2em;
    color: #656565;
}

.shortTextHolder {
    margin-left:20px; 
    padding-left:10px; 
    margin-bottom: 5px; 
    border-left: 10px solid #e6f0ff
}

.articlePublished {
    color: gray; font-size:70%;
    margin-top: .2em;
}

#blackBack {
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    background-color: #c5c5c5;
    opacity: .5;
    display: none;
    z-index: 1005;
}

div.confirmation {
    position: fixed;
    border: 2px solid #844;
    width: 30em;
    display: none;
    padding: 1ex 0 1ex .5em;
    margin-bottom: .5ex;
    background-color: white;
    z-index: 1006;
}
div.copyTasksWindow {
    position: fixed;
    top: 25%;
    left: 25%;
    border: 2px solid #844;
    width: 45em;
    display: none;
    padding: 1ex 0 1ex .5em;
    margin-bottom: .5ex;
    background-color: white;
    z-index: 1006;
}
div.copyTasksInfoWindow {
    position: fixed;
    top: 25%;
    left: 40%;
    border: 2px solid #844;
    width: 25em;
    display: none;
    padding: 1ex 0 1ex .5em;
    margin-bottom: .5ex;
    background-color: white;
    z-index: 1006;
}


div.confirmation > div.pageActions {

}
.reportConfigBackground {
    display:none;
    background-color: rgba(0, 0, 0, 0.50);
    position:fixed;
    top: 0;
    left:0;
    z-index: 1001;
}
.reportConfig {
    display: none;
    position:fixed;
    background: white;
    z-index: 1002;
    /*width: 300px;
    height: 300px*/
    border-radius: 5px;
    border: 1px solid black;
    padding: .5em 1em .5em 1em;
}
#reportCustomPeriod {
    display:none;
}
div.task-details {
    position:fixed;
    z-index: 1006;
    display: none;
    background:white;
    padding: 1em;
}


/*div#title > div {
    display:inline-block;
}*/

/*div#langMenu {
    float:left;
}

div#mainMenu {
    float:right;
}*/

div#mainMenu {
    display:none;
}

div#langMenu {
    float:none;
    text-align:center;
}

/*div.logo1 {
    float:left;
    min-width:30%;
    padding: .7em .5ex;    
}

div.logo2 {
    float:right;
    min-width:40%;
}*/

div.logo1 {
    float:none;
    padding:0;
    text-align:center;
    margin-top: .5em;
    margin-bottom: 1em;
}

/*div.logo2 > form {    
    display:inline-block;
}*/

#logoText2 {
    display:inline-block;
    padding-left:4px;
    margin-right:.5em;
}

div.siteMapMenu {
    float:left;
    font-size: 80%;
    /*vertical-align:top;*/    
    background-color: #E6F0FF;
    border-bottom: 2px solid #E6F0FF;
    border-top: 2px solid #E6F0FF;
}

div.siteMapMenu a {
    color: black;
    text-decoration:none;
    text-shadow: none;
    cursor:pointer;
    /*font-weight:bold;*/
}

#icTypesInRaw {
    padding-bottom: .7ex;
}

#nav div.span4 {
    width: 14%;
    padding-left: .3em;
    padding-right:.3em;
    overflow-x: hidden;
    text-overflow:ellipsis;
}

@media (max-width: 1200px) {
    #nav div.span4 {
        font-size:90%;
    }
}

div#termsAndSocialHolder {
    width: 40%;
}

@media (min-width: 900px) {
    .smallScreen {
        display: none;
    }
}

.socialButtonsHodler {
    margin-bottom: .5ex;
}

@media (max-width: 900px) {
    #pageTerms.show {
        display:none;
    }
    #termsAndSocialHolder {
        display:none;
    }

    #nav div.span4 {
        display: none;
    }

    .bigScreen {
        display: none;
    }

    .socialButtonsHodler {
        text-align: center;
    }

    #nav div.smallScreen ul li {
        text-align:center;
    }
}

@media (max-width: 600px) {
    body {
        padding:0;
    }

    td.IC {
        padding: .3em .5ex;
    }

    input[name=ICType] {
        margin-left:0;
        margin-right:0;
    }

    #icTypesInRaw > label {
        margin-right: .6ex;
    }
}
@media (min-width: 600px) {

    #icTypesInRaw {
        font-weight:bold;
    }

    div.logo1 {
        margin-top: .5em;
        margin-bottom: .7em;
    }

    #logoText2 {
        padding-left: 8px;
    }

    div.logo2 > form {
        min-width: 600px;
    }
}

.paymentInformation {
    font-size: 80%; 
    width: 50%; 
    margin-top: 1ex; 
    line-height: 1.2; 
}

.billingContactsHolder > div {
    margin-top: .5ex;
}

/*#allsoftDescription, #cashlessUaDescription {
    background-color:#ffb43d; 
    font-size: 80%; 
    width: 50%; 
    padding: 1ex 1em; 
    margin-top: 1.5ex; 
    line-height: 1.2; 
    display:none;
}

.allsoftDescription, .cashlessUaDescription {
    background-color:#ffb43d; 
    font-size: 80%; 
    width: 80%; 
    padding: 1ex 1em; 
    margin-top: 1.5ex; 
    line-height: 1.2; 
}*/

.fb-like.fb_iframe_widget span iframe {
    /* Now you can apply css here */
    bottom:2px!important;
}

.socialButtonsHeader {
    font-size:120%; 
    margin-top:4px; 
    display:inline-block; 
    vertical-align:top;
    margin-left: .2em;
}

#subaccounts {
    position: absolute;
    display: inline-block;
    visibility:hidden;
    background-color: white;
    border: 1px solid black;
    border-top:none;
    padding: 0 8px 5px 8px;
    z-index: 100;
    top:0;
    left:0;   
}

#subaccounts ul li:not(#linkAccountDescLink) {
    text-align:right;    
}

#subaccounts ul li:not(:first-child) {
    margin-top:.5ex;
}

a.serviceLink.unlinkAccount {
    border:none;
    color: #844;
}

a.serviceLink.unlinkAccount:hover {
    color:red;
}

#linkedAccountTemplateLink, #linkAccountDescLink {
    display:none;
}

#linkAccountDescLink {
    max-width: 20em;
    white-space: normal;
    font-size: 80%;
    text-align:left;
}

.task-filter-container, .contact-filter-container {
    line-height: 27px;
}

.betaTab {
    color:white;
    background-color: #ff6a00;
    font-weight:bold;
    font-size:70%;
    padding: 1px 5px;
    border-radius:2px;
}

.pageActions.start24x7monitoring {
    padding-left: 0;
    margin-top: .5ex;
}

.pageActions.start24x7monitoring a > div {
    background-image: none;
    background-color: rgb(97, 212, 97);
    color: white;
    font-size: 100%;
    text-align: left;
    text-transform: uppercase;
    box-shadow: 2px 2px 5px grey;
    border-radius: 6px;
    white-space:nowrap;
}

.pageActions.start24x7monitoring a > div:hover {
    background-color: #53c753;
}

.start24x7monitoring a > div > small {
    font-size: 70%
}

.new-feature {
    vertical-align: super;
    font-size: 70%;
    color: white;
    background-color: orangered;
    padding: 2px 2px;
    border-radius: 5px;
    font-weight: bold;
}