html { 
    background: url('/files/images/main1-bg.png');
    background-attachment:fixed;
/*
  background: url('/files/images/untitled.png') no-repeat top left fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat:no-repeat;
background-attachment:fixed;
*/
}

body { 
margin:0; padding:0;
font-size: 10px;
/*
background-image:url('/files/images/untitled.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;

background-color:#f5f5f6;
*/
font-family:Tahoma, Geneva, sans-serif; }

a:link { text-decoration: none; color: #488AC7;}
a:visited { text-decoration: none; color: #488AC7;}
a:active { text-decoration: none; color: #BE3812;}
a:hover { text-decoration: none; color: #BE3812;}

img {border:0px; alt:""}

a[href ^="mailto:"] {padding-right: 18px; background: transparent url(/files/images/mailto.gif) no-repeat center right;}
a[href ^="skype:"] {padding-left: 18px; background: transparent url(/files/images/skype.gif) no-repeat center left;
                    background-size: 16px auto;}
a[href $='.pdf'] { padding-right: 16px; background: transparent url(/files/images/pdf.gif) no-repeat center right;}
a[href $='.doc'] { padding-right: 16px; background: transparent url(/files/images/doc.gif) no-repeat center right;}
a[href $='.docx'] { padding-right: 16px; background: transparent url(/files/images/doc.gif) no-repeat center right;}
a[href $='.xls'] { padding-right: 16px; background: transparent url(/files/images/xls.gif) no-repeat center right;}
a[href $='.xlsx'] { padding-right: 16px; background: transparent url(/files/images/xls.gif) no-repeat center right;}
a[href $='.rtf'] { padding-right: 18px; background: transparent url(/files/images/rtf.gif) no-repeat center right; background-size: 16px;}


.textlang {font-size:10px; text-align:center; text-transform: uppercase; height: 20px;
            border: 0px; background-color:rgba(255,255,255,0.5);
                -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px; }

.textwebmail {text-align:center; height: 9px;
            border: 0px; background-color:rgba(255,255,255,0.5);
                -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px;}

.scrumbs {font-size:10px; display: block; padding:0px 5px 0px 0px;
           border: rgba(255,255,255,0.8) .1px;   background-color:rgba(255,255,255,0.8); 
           -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;}

.mainfield {text-align:justify; vertical-align:top; padding:3px 5px 3px 5px; }

.tabfield {padding:20px 10px 30px 10px; background:#fff; }

.footer {font-size:8px; text-align:center; vertical-align:middle; padding:3px 5px 3px 5px;}


.menu { padding:0px; 
    margin:0px 2px 0px 2px; list-style-type: none; }   
.menu li { list-style:none; }
.menu li a { display:block; 
    margin:5px 0px 0px 0px; text-decoration:none; 
    border:black solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px; behavior: url(PIE.htc);}
.menu li a:link { background-color:#ccc;  padding-left:5px; text-decoration:none; color:#000000; }
.menu li a:visited { background-color:#ccc; padding-left:5px; text-decoration:none; color:#000000; }
.menu li a:active { background-color:#ccc; padding-left:5px; text-decoration:none; color:#000000; }
.menu li a:hover { background-color:#ccc; padding-left:5px; text-decoration:none; color:#BE3812; }
.menu li a.current { background-color:#D3DBEE; font-weight:bold; color:#000000; }
.menu li ul { margin:0px 0px 0px 0px; border: rgba(50,50,50,0.6) 2px; background-color:rgba(50,50,50,0.2);
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);
    -webkit-padding-start: 5px; padding-left:5px; 
    list-style:none; }
.menu li ul li a:link {
    background-color:#eee; margin:1px 2px 0px 15px; padding-left:5px; text-decoration:none; color:#000000; 
    border:black solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px; behavior: url(PIE.htc);}
.menu li ul li a:visited { background-color:#eee; padding-left:5px; text-decoration:none; color:#000000; }
.menu li ul li a:active { background-color:#eee; padding-left:5px; text-decoration:none; color:#000000; }
.menu li ul li a:hover { background-color:#eee; padding-left:5px; text-decoration:none; color:#BE3812; }
.menu li ul li a.current { background-color:#D3DBEE; font-weight:bold; color:#000000; }

form {display: inline; }
input[type=text] { behavior: url(PIE.htc);
    background-position: 96px -5px;
    margin:0px 2px 0px 2px; 
    padding: 5px; padding-right: 5px;
    outline: none; border: 2px solid #999999; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  
    background-color: #FBFBFB; 
    font-family: Cambria, Cochin, Georgia, serif;
    font-size: 10px; 
    background-repeat: no-repeat; 
    -webkit-transition: background-color .4s ease-in,
                        background-position .4s ease-in,
                        box-shadow .6s ease-in;
    -moz-transition: background-color .4s ease-in,
                     background-position .4s ease-in,
                     box-shadow .6s ease-in;
    -o-transition: background-color .4s ease-in,
                   background-position .4s ease-in,
                   box-shadow .6s ease-in;
    -ms-transition: background-color .4s ease-in,
                    background-position .4s ease-in,
                    box-shadow .6s ease-in;
    transition: background-color .4s ease-in,
                background-position .4s ease-in,
                box-shadow .6s ease-in; }
input[type=text]:focus { behavior: url(PIE.htc);
    background-color: #FFFFFF; border-color: #333333; box-shadow: 0px 0px 20px -2px #333; 
    background-position: 160px -25px;}
select { 
    padding: 5px; padding-right: 5px;
    outline: none; border: 2px solid #999999; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);
    background-color: #FBFBFB; 
    font-family: Cambria, Cochin, Georgia, serif;
    font-size: 10px; 
    -webkit-transition: background-color .4s ease-in,
                        box-shadow .6s ease-in;
    -moz-transition: background-color .4s ease-in,
                     box-shadow .6s ease-in;
    -o-transition: background-color .4s ease-in,
                   box-shadow .6s ease-in;
    -ms-transition: background-color .4s ease-in,
                    box-shadow .6s ease-in;
    transition: background-color .4s ease-in,
                box-shadow .6s ease-in; }
select:focus {
    background-color: #FFFFFF; border-color: #333333; box-shadow: 0px 0px 20px -2px #333;}
input[type=submit] { 
    cursor:pointer; height:28px; font-weight:bold; 
    outline: none; border: 2px solid #999999; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);
    -webkit-transition: box-shadow .3s ease-in;
    -moz-transition: box-shadow .3s ease-in;
    -o-transition: box-shadow .3s ease-in;
    -ms-transition: box-shadow .3s ease-in;
    transition: box-shadow .3s ease-in; 
    background-color: #e3e3e3; }
input[type=submit]:hover  {
    cursor:pointer; background-color: #bbb; border-color: #333333; box-shadow: 0px 0px 20px -2px #333; }
input[type=submit]:active  {
    cursor:pointer; background-color: #999; border-color: #333333; box-shadow: 0px 0px 20px -2px #333; }
#clearbutton { 
    font-weight:bold; color:#000000;     font-family: arial;
    font-size: 12px; 
    outline: none; 
    border: 2px solid #999999; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);
    -webkit-transition: box-shadow .3s ease-in;
    -moz-transition: box-shadow .3s ease-in;
    -o-transition: box-shadow .3s ease-in;
    -ms-transition: box-shadow .3s ease-in;
    transition: box-shadow .3s ease-in;
    background-color: #e3e3e3;
    padding:6px 6px 7px 6px;
}
#clearbutton:hover { background-color: #bbb; border-color: #333333; box-shadow: 0px 0px 20px -2px #333; }
#clearbutton:active { background-color: #999; border-color: #333333; box-shadow: 0px 0px 20px -2px #333; }


.group:before, .group:after {content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }


.tabrow {position: relative; overflow: hidden; font-size: 12px; text-align: center; margin: 20px 0 0px; padding: 0; 
         line-height: 24px; height: 26px; }
.tabrow label {z-index: 0; position: relative; display: inline-block; margin: 0 -5px; padding: 0 20px; 
               border: 1px solid #AAA;
               background: #c1c1c1;
               background: -o-linear-gradient(top, #ECECEC 10%, #c1c1c1 100%);
               background: -ms-linear-gradient(top, #ECECEC 10%, #c1c1c1 100%);
               background: -moz-linear-gradient(top, #ECECEC 10%, #c1c1c1 100%);
               background: -webkit-linear-gradient(top, #ECECEC 10%, #c1c1c1 100%);
               background: linear-gradient(top, #ECECEC 10%, #c1c1c1 100%);
               border-top-left-radius: 6px; behavior: url(PIE.htc);
               border-top-right-radius: 6px;
               box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
               text-shadow: 0 1px #FFF; 
               color: #555; text-decoration: none; cursor:pointer; }
.tabrow input:checked+label {z-index: 2; background: #FFF; color: #333; border-bottom-color: #FFF; }
.tabrow:before {z-index: 1; position: absolute; content: " "; width: 100%; bottom: 0; left: 0; 
                border-bottom: 1px solid #AAA;}
.tabrow label:before, .tabrow label:after {position: absolute; border: 1px solid #AAA; bottom: -1px;
                                           width: 5px; height: 5px;}
.tabrow label:before {left: -6px; border-bottom-right-radius: 6px; border-width: 0 1px 1px 0;
                       box-shadow: 2px 2px 0 #c1c1c1;}
.tabrow label:after {right: -6px; border-bottom-left-radius: 6px; border-width: 0 0 1px 1px; 
                     box-shadow: -2px 2px 0 #c1c1c1;}
.tabrow input:checked+label:before {box-shadow: 2px 2px 0 #FFF;}
.tabrow input:checked+label:after {box-shadow: -2px 2px 0 #FFF;}
.tabrow input {display: none; }




/* side-tabs */
#sidetabs-parent {
              position: fixed; 
             top: 0; right: 0;

}
#sidetabs-child {
              position: absolute; 
    top: 150px;
    right: 0px;
}     
#sidetabs-individual { 
    height: 70px;            
}  
#side-tabs {  height: 50px; 
              position: fixed; 
              border-radius: 1em 1em 1em 1em; behavior: url(PIE.htc);
              padding: 5px;
              -webkit-transition: all 0.75s ease-in-out;
              -moz-transition: all 0.75s ease-in-out;
              -o-transition: all 0.75s ease-in-out;
              transition: all 0.75s ease-in-out;
              overflow: hidden;     
z-index: 3;
}

#side-tabs.bugs {width: 220px; right: -195px; border: 2px solid red; background-color: #fcc; }
#side-tabs.bugs:hover { right: -5px; }
#side-tabs.bugs.show {right: 300px; top: 50px; width: 600px; height: 350px; }

#side-tabs.ann {width: 280px; height: 55px; right: -255px; border: 2px solid green; background-color: #cfc; }
#side-tabs.ann:hover { right: -5px; }


#side-tabs a.controller3 { 
  position: absolute;
  left: 5px;
  top: 0px;
  text-decoration: none; font-size: 150%;
  -webkit-transition: all 0.75s ease-in-out; behavior: url(PIE.htc);
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
#side-tabs a.controller4 {
  position: absolute;
  left: 480px;
  top: 10px;
visibility:hidden; opacity:0;
  text-decoration: none; font-size: 200%;
  -webkit-transition: all 0.75s ease-in-out; behavior: url(PIE.htc);
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
#side-tabs.show a.controller4 {
  left: 480px;
visibility:visible; opacity:1;
}


/* bug-reporting */  



#side-tabs a.bug1, #side-tabs:hover a.bug2, #side-tabs.show a.bug3, #side-tabs.show:hover a.bug3 { 
   visibility:visible; opacity:1;
   position: absolute;
   left: 0px;
   top: 0px;
   -webkit-transition: all 1s ease-in-out; behavior: url(PIE.htc);
   -moz-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
              transition: all 0.75s ease-in-out;
}
#side-tabs:hover a.bug1, #side-tabs.show a.bug1, #side-tabs a.bug2, #side-tabs.show a.bug2, #side-tabs a.bug3, #side-tabs:hover a.bug3  { 
   visibility:hidden; opacity:0; 
   position: absolute;
   left: 0px;
   top: 0px;
   -webkit-transition: all 1s ease-in-out; behavior: url(PIE.htc);
   -moz-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
              transition: all 0.75s ease-in-out;
}



#side-tabs a.controller1 { 
  position: absolute;
  left: 40px;
  top: -10px;
  text-decoration: none; font-size: 200%;
visibility:visible; opacity:1;
  -webkit-transition: all 0.75s ease-in-out; behavior: url(PIE.htc);
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
              transition: all 0.75s ease-in-out;
}
#side-tabs.show a.controller1 {
  left: 200px;
visibility:hidden; opacity:0;
  -webkit-transform: rotate(180deg); behavior: url(PIE.htc);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}


#side-tabs a.controller2 {
  position: absolute;
  left: 50px;
  top: 10px;
visibility:hidden; opacity:0;
  text-decoration: none; font-size: 200%;
  -webkit-transform: rotate(-180deg); behavior: url(PIE.htc);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
              transition: all 0.75s ease-in-out;
}
#side-tabs.show a.controller2 { behavior: url(PIE.htc);
  left: 480px;
visibility:visible; opacity:1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
z-index:3;
}


#report-bug-text {
  position: absolute;
  align:center;
  width:80%;
  left: 10px;
  top: 40px;
}

img.thumb {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}
img.thumb:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}