html {overflow:auto scroll;}
body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

#top-menu {background: #2C4056; color: #fff; height:2.5em; font-size: 0.8em; padding: 2px 2px 0px 2px;}
#top-menu ul {margin: 0;  padding: 0; padding-top:3px;}
#top-menu li {
  float:left;
  list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  white-space:nowrap;
}
#top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
#top-menu #langswitcher { float: right; }
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; margin-top:4px}

#header {height:3.2em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
#header a {color:#f8f8f8;}
#header h1 { float:left;} 
#header h1 a.ancestor { font-size: 80%; }
#quick-search {float:right;}
#DialogArea 
{
    padding:0px;
    margin:0px;
    display:none;
}

#DialogAreaContent 
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 4px solid #b4b4b4;
}

.CloseButton 
{
    position:absolute;
    width:24px;
    height:24px;
    background-position:center center;
    background-repeat:no-repeat;
    top:0;
    right:0;
    cursor:pointer;    
    background-image:url(../Images/closeReleased.png);
}

.CloseButtonPressed
{
    background-image:url(../Images/closePressed.png);
}


.ReqListProgressColor 
{
    background-color:#88bb88;
    height:3px;
    display:none;
}

.ReqList-CommitSave 
{

}

body, #wrapper { background-color:#EEEEEE; }

#header, #top-menu { margin: 0px 10px 0px 11px; }
#main { background: #EEEEEE; margin: 8px 10px 0px 10px; }
#content, #main.nosidebar #content { background: #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
#content { background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; min-height: 600px; clear:both; }

/* Headers */
h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 {border-bottom: 0px;}

table.DiffPreview td,
table.DiffPreview th {padding:4px;}

.DiffPreview
{
    border:1px solid #ddd;
}

table.ProjectsList td,
table.ProjectsList th {padding:4px;}

table.SubjectsList td,
table.SubjectsList th {padding:4px;}

.SubjectsList 
{
    border:1px solid #ddd;
}

.ProjectsList 
{
    border:1px solid #ddd;
}

.margin-center 
{
    margin:0 auto;
}

.box{
    padding:6px;
    margin-bottom: 10px;
    background-color:#f6f6f6;
    color:#505050;
    line-height:1.5em;
    border: 1px solid #e4e4e4;
    position: relative;
}

.alert-box{
    padding:6px;
    margin-bottom: 10px;
    background-color:#f6f6f6;
    color:#d40000;
    line-height:1.5em;
    border: 2px solid #d40000;
    text-align: left;
}

.columns-holder td
{
    padding:0;
}

.full-width 
{
    width:100%;
}

.link-button-edit {cursor:pointer;display:inline-block; width:16px;height:16px;  margin-left:2px;margin-right:2px; background-image:url(../Images/edit.png) }
.link-button-delete {cursor:pointer;display:inline-block; width:16px;height:16px;  margin-left:2px;margin-right:2px; background-image:url(../Images/delete.png) }
.link-button-add {cursor:pointer;display:inline-block; width:16px;height:16px; margin-left:2px;margin-right:2px; background-image:url(../Images/add.png) }
.link-button-refresh {cursor:pointer;display:inline-block; width:16px;height:16px; margin-left:2px;margin-right:2px; background-image:url(../Images/refresh.png) }
.link-button-copy {cursor:pointer;display:inline-block; width:16px;height:16px; margin-left:2px;margin-right:2px; background-image:url(../Images/copy.png) }
.link-button-paste {cursor:pointer;display:inline-block; width:16px;height:16px; margin-left:2px;margin-right:2px; background-image:url(../Images/paste.png) }

ins {
	background-color: #cfc;
	text-decoration: none;
}

del {
	color: #999;
	background-color:#FEC8C8;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 960px;
    background-color: #e4e4e4;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -480px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #e4e4e4 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*

#topbar
{
    background-color: #293955;
    height: 24px;
    color: White;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
}

#topbar a
{
    text-decoration: none;
    color: White;
}

#topbar a.sitename
{
    font-weight: bold;
    display: inline-block;
}

#topbar a:hover
{
    color: #dddddd;
}

*/
#headermenu
{
    padding: 0 10px;
    display:inline-block;
}

#headermenu ul
{
    padding:0;
    margin:0;
    list-style-type: none;
}

#headermenu ul li
{
    display: inline-block;
}

.flright
{
    float: right;
}

#topbar .flright div
{
    display:inline-block;
    padding: 0 5px;
}
/*
#header 
{
    background-color: #43577b;
    color: White;
    padding:5px;
}
*/
.clearbox
{
    clear: both;
}

.FilterButton
{
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../Images/filter.png);
    width:24px;height:24px;
}

.ClearButton
{
    background-repeat:no-repeat;
    background-image:url(../Images/gumka.png);
    background-position:center center;
    width:24px;height:24px;
}

.ReqList-Selected 
{
    font-weight:bold;
}

a:link.ReqList-Overridden 
{
    color:#0a0;
}

a:link.ReqList-NotOverridden 
{
    color:#f87f2e;
}

.ReqList-AddBox
{
    position:relative;
    border:1px solid #8f8;
    background-color:#cfc;   
    padding-top:10px;
    padding-bottom:10px;
}

.ProjectEditor-Save
{
    cursor:pointer;
    right:0;
    top:0;
    display:block;
    width:24px;
    height:24px;
    margin:2px;
    background-image:url(../Images/savebutton.png)
}

.ReqList-Abort
{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:24px;
    height:24px;
    margin:2px;
    background-image:url(../Images/gumka.png);
    cursor:pointer;
}

.LegendButton
{
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../Images/question.png);
    width:24px;height:24px;
}

.SearchButton
{
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../Images/lupka.png);
    width:24px;height:24px;
}

.OverlyButton
{
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../Images/overly.png);
    width:24px;height:24px;
}

.ExportButton
{
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../Images/export.png);
    width:24px;height:24px;
}

.EmptySearchBox
{
    color:#ccc;
    font-style:italic;
}

a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

.loadinprogress 
{
    background-image:url(../Images/loadinprogress.gif);
    width:32px;
    height:32px;
    margin:8px auto;
}

.Mock1 
{
    background-image:url(../Images/MockupThumb1.png);
}

.Mock2
{
    background-image:url(../Images/MockupThumb2.png);
}

.Mock3 
{
    background-image:url(../Images/MockupThumb3.png);
}

.MockScreen 
{
    background-image:url(../Images/MockupScreen.png);
}

.MockLogo
{
    background-image:url(../Images/DummyLogo.png);
}

#ResMngArea
{
    padding: 0 10px;
}

.AlertBox
{
    background-color: #ffc4b0;
    font-weight: bold;
}

.rte_txtbox_rtl
{
    direction: rtl;
}

.rte_notex
{
    width: 100%;
    height: 100%;
    border: 1px solid black;
    background: 1px gray;
    padding: 5px;
}

.export-status-SCHEDULED td,
.export-status-INIT td 
{
    color:#e84ddb;
}

.export-status-STOPPING td,
.export-status-RUNNING td
{
    color:#4da1e8;
}

.export-status-STOPPED td
{
    font-weight: bold;
    color:#0ccf4c;
}

.export-status-ABORTED td, 
.export-status-EXCEPTION td 
{
    font-weight: bold;
    color:#cb3939;
}

.export-table 
{
    border:1px solid #999;
}

.export-table th 
{
    padding:5px;
    border-bottom:1px solid #999;   
}

.export-table td 
{
    text-align:center;
    padding:5px;
    border-right:1px solid #999;
}

.export-table td.last-column 
{
    border-right:0;
}

/* Tabs styles */

ul.tabNames
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.tabNames li {
    display: inline-block;
    
    border: 1px solid black;
    border-bottom: none;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

ul.tabNames li a
{
    text-decoration:none;
    color: Black;
    display:block;
    width: 100%;
    height: 100%;
    margin:0;
    padding: 5px 13px;
}

ul.tabNames li.selected
{
    background-color: #2b4c7e;
}

ul.tabNames li.selected a
{
    font-weight: bold;
}

input.formatBtn
{
    width:100%;
    margin: 0 5px;   
}

/* Tabs styles END */


/* ResourceTextEditor styles */

/* ResourceTextEditor styles END */

/* ResourceDefDetails styles */

.rdd_rightside
{
    border-left: 1px dotted gray;
    margin-left: 5px;
    padding-left: 5px;
}

/* ResourceDefDetails styles END */

/* ResourcePlatforms styles */

.ResPltMap
{
    width:100%;
    border-collapse: collapse;
}

.ResPltMap tr
{
    border-width: 1px 0;
    border-style: dotted;
    border-color: #777777;
    height: 2.7em;
}

/* ResourcePlatforms styles END */

.SelReqPrompt
{
    padding:20px;
    margin: 0 auto;
}

.SelReqPrompt p
{
   font-size: 1.3em;
}

.pltresmap_file, .pltresmap_resname
{
    padding: 0 10px;
}

.pltresmap_file select, .pltresmap_resname input
{
    width:100%;
}

.resmng_savebutton {
    -ms-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
}

.resmng_saveicon, .resmng_discardicon
{
    width: 26px;
    height: 26px;
    margin:0 auto;
}

.resmng_saveicon
{
    background-image: url(../Images/savebutton_big.png);
}

.resmng_discardicon
{
    background-image: url(../Images/discard.png);
}

.box h2
{
    color:#888;
}

.not_saved
{
    font-style: italic;
}

.not_saved:after
{
    content: '*';
    color: Red;
}

.ResPltMap thead tr
{
    border:none;
}

.defident .link-button-edit
{
    margin:0;
}

#ResMngArea textarea {
    -moz-resize:vertical;
    -ms-resize:vertical;
    -o-resize:vertical;
    resize:vertical;
}

.ResourcesArea {
    width: 100%;
    border: 1px solid black;
    -ms-border-radius: 0 8px 8px 8px;
    -moz-border-radius: 0 8px 8px 8px;
    -webkit-border-radius: 0 8px 8px 8px;
    border-radius: 0 8px 8px 8px;
}

.oneTabOnly .ResourcesArea {
    -ms-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.oneTabOnly .TabsList
{
    display: none;
}

.rte_txtbox_disabled
{
    background-color: #888 !important;
    color:#fff;
    border:1px solid #eee;
}

.rte_showdefbtn
{
    width:24px;
    height:24px;
    background-image: url(../Images/showdefault.gif);
    cursor: pointer;
    display: inline-block;
    margin: 0 3px;
}

.rte_translatebtn {
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    -ms-background-size: 100%;
    background-size: 100%;
    width: 24px;
    height: 24px;
    background-image: url(../Images/translate.png);
    cursor: pointer;
    display: inline-block;
    margin: 0 3px;
}

.loginbox 
{
    width:400px;
    height:250px;
    margin:0 auto;
}

.rte_langicon
{
    height:30px;
    width:54px;
}

.reloginbox
{
    margin: 200px auto;
    width: 400px;
    padding-bottom: 15px !important;
}

.okBtn
{
    padding: 5px 20px;
    border: 1px solid #737373;
    background-color: #c4c4c4;
}

.okBtn:hover
{
    text-decoration:none;
    background-color: #e4e4e4;
}

.diff-table td
{
    border:1px solid #bbb;
    text-align:center;
}

.diff-table 
{
    width:100%;
}

.diff-type-E td
{
    background-color:#aaf;
}

.diff-type-N td
{
    font-weight: bold;
    background-color:#afa;
}

.diff-type-D td
{
    background-color:#faa;
}

.diff-type-CURRENT td
{
    background-color:#fff;
}

.ProjectEditor-clipboard 
{
    border: #cfc;
    background-color:#dfd;
    padding:5px;
}

.comments
{
    width:70%;
    margin:0 auto;
}

.commentsTable
{
    width:100%;
    border: 1px solid gray;
    border-collapse: collapse;
}

.commentsTable tr td, .commentsTable tr th
{
    border: 1px solid gray;
    padding:10px;
    
}

.commentsTableDel
{
    width:16px;
}

.commentsTable textarea
{
    width:100%;
}

.commentsTableTime
{
    width:150px;
    text-align:center;
}

.SubjectSwitcher-Template
{
    display: none;
    visibility: hidden;
    width:0;
    height:0;
    overflow:hidden;
}

.SubjectSwitcher
{
  background-color:#507aaa;   
  position:absolute;
  z-index:1000;
  padding-right:10px;
  margin-left:5px;
}

.SubjectSwitcher ul
{
    list-style-type: none;
    padding:0;
    margin:0;
}

.SubjectSwitcher ul li
{
    display:block;
    padding:0;   
    width:100%;
    color:White;
    margin:0;
}

.SubjectSwitcher ul li a
{
    color:White;
    width:100%;
    height:100%;
    display:block;
    text-decoration:none;
    padding:5px;
}

.SubjectSwitcher ul li a:hover
{
    text-decoration:none;
    background-color:#659ad6;
}

.deftranslated 
{
    background-color:pink;
}

.altrow {
    background-color:#EFEFEF;
}

.columns-holder td .col 
{
   padding-right:10px;
   padding-left:10px;
}

.row
{
   padding-right:10px;
   padding-left:10px;
}

.platform 
{
    display:none;
}

#uploadcontainer
      {
           width :720px;
           margin:0 auto;
           padding:15px;
      }
        #dragandrop
        {
            border: 2px dashed #92AAB0;
            width :720px;
            height: 100px;
            color: #92AAB0;
            text-align: center;
            vertical-align: middle;
            padding: 10px 0px 10px 10px;
            font-size:200%;
            display: table-cell;
        }
        .uploadprogressBar {
            width: 200px;
            height: 22px;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
            display:inline-block;
            margin:0px 10px 5px 5px;
            vertical-align:top;
        }
 
        .uploadprogressBar div {
            height: 100%;
            color: #fff;
            text-align: center;
            line-height: 22px; /* same as #progressBar height if we want text middle aligned */
            width: 0;
            background-color: #0ba1b5;
            border-radius: 3px;
        }
        .uploadstatusbar
        {
            border-top:1px solid #A9CCD1;
            min-height:25px;
            width:700px;
            padding:10px 10px 0px 10px;
            vertical-align:top;
        }
        .uploadstatusbar:nth-child(odd){
            background:#EBEFF0;
        }
        .uploadfilename
        {
            display:inline-block;
            vertical-align:top;
            width:250px;
        }
        .uploadfilesize
        {
            display:inline-block;
            vertical-align:top;
            color:#30693D;
            width:100px;
            margin-left:10px;
            margin-right:5px;
        }
        .uploadcancel{
            background-color:#A8352F;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
            border-radius:4px;display:inline-block;
            color:#fff;
            font-family:arial;font-size:13px;font-weight:normal;
            padding:4px 15px;
            cursor:pointer;
            vertical-align:top
        }
        .uploadstatus{
             display: none;
             padding: 5px;
             background: #F47063;
             width: 100%;
             color: white;
             margin: 8px 0;
         }


.ProjectEditor-MadeFromTemplate {
        overflow-y: auto;
    height: 700px;
}

.ExportDialog.box {
    overflow-y: auto;
    max-height: 800px;
}

#datepicker {
    position: absolute;
    right: 10px;
    top: 6px;
}