body,ul,li {
	padding:0;
	margin:0;
	border:0;
}

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

#container {
  font-family:      Arial,sans-serif;
  color:            black;
  padding-left:     3px; 
  padding-top:      1px;
  padding-bottom:   0px;
  padding-right:    0px;
  margin-top:       2px;
  margin-left:      2px;
  background-color: #3AB5C4;
  /*overflow:         scroll;*/
  height:           655px;
  width:            1000px;
  border-radius:    8px;
  /*border:           1px solid red;*/
}

#userRightConfigDiv {
  position:         absolute;
  height:           570px;
  width:            800px;
  top:              60px;
  left:             178px;
  background-color: #3AB5C4;
  z-index:          100;
  display:          none;
  border:           3px solid red;
  overflow:         auto;
}

#ERRORDIV {
  position:         absolute;
  height:           500px;
  width:            900px;
  top:              50px;
  left:             50px;
  background-color: #3AB5C4;
  z-index:          100;
  display:          none;
  border:           3px solid red;
  overflow:         auto;
}

#errorMainFrame {
  height:           495px;
  width:            880px;
  color:            white;
}

#errorMessageFrame {
  float:            left;
  color:            white;
  height:           480px;
  width:            880px;
}

#errorMenuFrame {
  text-align:       right;
  float:            left;
  width:            880px;
  height:           20px;
  padding-top:      5px;
  padding-right:    2px;
  background-color: #3AB5C4;
  color:            white;
  border-bottom:    1px solid black;
}

#menu {
  position :        relative;
  /*float:            left;*/
  top:              -15px;
  right:            0;
  height:           10px;
  width:            1005px;
  text-align:       right;
}

#header {
  margin-top:       3px;
  padding-bottom:   3px;
  height:           35px;
  width:            995px;
  /*float:            left;*/
  background-color: white;
  /*border-top-left-radius:  12px;
  border-top-right-radius: 12px;*/
  /*border-radius:    18px;*/
  border-radius:    6px;
  border:           1px solid black;
}

#logo {
  margin-left:      20px;
  margin-top:       5px;
  height:           30px;
}
/*
#headerNavAuth {
  float:            right;
  padding-right:    10px;
  width:            210px;
}
*/

.headerNavAuthLinks {
  margin-left:      5px;
  float:            right;
}

#headerNav {
  margin-left:      50px;
  width:            600px;
  height:           40px;
  float:            left;
  /*border:           1px solid green;*/
}

#headerNav ul {
  list-style-type:  none;
  /*background-image: url(navi_bg.png);*/
  height:           13px;
  width:            663px;
  margin:           auto;
  margin-top:       10px;
}

#headerNav li {
  float:            left;
  margin-right:     20px;
}

/* History Header */
#historyHeaderContent {
  float:            left;
  width:            100%;
  height:           100%;
}

#historyHeaderLeft {
  float:            left;
  width:            24%;
  height:           40%;
  margin-top:       39px;
  margin-left:      1px;
}

#historyHeaderMiddle {
  float:            left;
  width:            50%;
  height:           100%;
}

#historyHeaderRight {
  float:            left;
  width:            24%;
  height:           100%;
  text-align:       right;
  padding-top:      40px;
}
/* ============== */

#contentBox {
  margin-top:       3px;
  height:           580px;
  width:            1005px;
  z-index:          99;
  /*border:           1px solid green;*/
}

#leftNav {
  /*margin-top:       20px;*/
  height:           603px;
  width:            160px;
  float:            left;
  overflow:         auto;
  background-color: white;
  /*border-bottom-left-radius:  6px;
  border-bottom-right-radius: 6px;*/
  border-radius:    6px;
  border:           1px solid black;
}

#navHeaderTitle {
  text-align:       center;
  margin-top:       20px;
  margin-bottom:    20px;
  font-size:        24px;
}

.eventLink {
  font-family:      Arial,sans-serif;
  font-size:        medium;
  margin:           2px;
  border-top:       1px solid black;
  border-right:     1px solid black;
  border-bottom:    1px solid black;
  border-left:      1px solid black;
  text-align:       center;
  padding:          2px 8px;
  border-radius:    5px;
  background-color: #3AB5C4;
  color:            white;
  text-decoration:  none;
  min-height:       21px;
  z-index:          5;
  
}
.eventLink a:link {
  color:            black;
  text-decoration:  none;
}

.eventLink a:visited {
  color:            black;
  text-decoration:  none;
}

#settingsEnventLink {
  margin:          0px;
}

#mainBlock {
  margin-left:      5px;
  /*margin-top:       20px;*/
  float:            left;
  height:           600px;
  width:            827px;
  z-index:          1;
  /*border:           1px solid #C0C0C0;*/
}

#infoBox {
  height:           60px;
  width:            100%;
  background-color: white;
  /*border-bottom-left-radius:  6px;
  border-bottom-right-radius: 6px;*/
  border-radius:    6px;
  border:           1px solid black;
  z-index:          1;
}

#viewBox {
  margin-top:       3px;
  height:           538px;
  width:            100%;
  background-color: white;
  border-radius:    6px;
  /*overflow:         scroll;*/
  border:           1px solid black;
}

#routeCardBox {
  height:           550px;
  width:            100%;
  overflow:         auto;
  /*scrollbar-face-color: #000000;*/
}

#loginDialogContainer {
  margin:           0px auto;
  margin-top:       10px;
  height:           240px;
  width:            260px;
  background-color: #6E6E6E;
  padding-left:     20px;
  padding-top:      10px;
  color:            white;
  /*background-color: transparent*/;
}

#loginDialog {
  height:           120px;
  width:            250px;
  /*margin:           0px auto;*/
  padding-left:     1px;
  padding-bottom:   10px;
  /*background-color: white;*/
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

#projChangDialogContainer {
  margin:           0px auto;
  margin-top:       10px;
  height:           36px;
  width:            260px;
  background-color: #6E6E6E;
  padding-left:     20px;
  padding-top:      10px;
  color:            white;
  /*background-color: transparent*/;
}

#projChangDialog {
  float:            right;
  height:           30px;
  width:            130px;
  margin:           0px auto;
  /*padding-left:     1px;
  padding-bottom:   10px;*/
  /*background-color: white;*/
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

#projSetupIcon {
  float:            right;
  height:           30px;
  width:            60px;
  margin:           0px auto;
  /*padding-left:     1px;*/
  /*padding-bottom:   10px;*/
  /*background-color: white;*/
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

.HistoryTable {
  display:          table;
  border-collapse:  collapse;
  width:            100%;
}
.HistoryHeader {
  display:          table-header-group;
  height:           15px;
  width:            100%;
  background-color: white;
}
.HistoryLine {
  display:          table-row;
  margin-top:       10px;
  /*padding-bottom:   3px;*/
  height:           15px;
  width:            100%;
  background-color: white;
  /*border:           1px solid red;*/

}
.HistoryCell {
  display:          table-cell;
  /*float:            left;*/
  /*border:           thin solid red;*/
  padding:          5px;
}

.HistoryCellNumber {
  /*display:          inline;*/
  float:            left;
  width:            58px;
  height:           28px;
}

.HistoryCellNumber2 {
  /*display:          inline;*/
  float:            left;
  width:            190px;
  height:           28px;
}

.HistoryCellText {
  /*display:          inline;*/
  float:            left;
  width:            100px;
  height:           28px;
  padding-right:    5px;
  /*word wrap*/  
  word-wrap: break-word;      /* IE */
}

.HistoryCellTimeStamp {
  float:            left;
  width:            160px;
  height:           28px;
}

#scrollerDiv {
  position:         absolute;
  margin-top:       10px;
  z-index:          1;
 /* width:            100%;*/
  overflow:         auto;
}

#scrollerDiv ul {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  text-align:left;
}

#scrollerDiv li {
  padding:0 10px;
  height:40px;
  line-height:40px;
  /*border-bottom:1px solid #ccc;
  border-top:1px solid #fff;*/
  /*background-color:#fafafa;*/
  font-size:14px;
}

#scrollerDiv1 {
  position:         absolute;
  margin-top:       10px;
  z-index:          1;
 /* width:            100%;*/
  overflow:         auto;
}

#scrollerDiv1 ul {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  text-align:left;
}

#scrollerDiv1 li {
  padding:0 10px;
  height:40px;
  line-height:40px;
  /*border-bottom:1px solid #ccc;
  border-top:1px solid #fff;*/
  /*background-color:#fafafa;*/
  font-size:14px;
}



.SettingsTable {
  border-collapse:  collapse;
  width:            962px;
}
.SettingsLine {
  margin-top:       10px;
  float:            left;
  height:           30px;
  width:            100%;
  border-radius:    6px;
  background-color: white;
}
.SettingsCell {
  display:          inline;
  float:            left;
  padding-top:      2px;
  width:            25%;
}
.SettingsCell1 {
  float:            left;
  padding-top:      2px;
  padding-left:     2px;
  width:            5%;
}
.SettingsCell2 {
  float:            left;
  padding-top:      2px;
  width:            20%;
}
.SettingsCell3 {
  float:            left;
  padding-top:      2px;
  padding-left:     2px;
  width:            12%;
}
.SettingsCell4 {
  float:            left;
  padding-top:      2px;
  padding-left:     2px;
  width:            10%;
}
.SettingsCell5 {
  float:            left;
  padding-top:      2px;
  padding-left:     2px;
  width:            15%;
}


#inComming {
  /*border:           thin solid red;*/
}
#outGoing {
  background-color: white;
}

#routeCard {
  float:            left;
  margin-top      : 5px;
  padding-top     : 5px;
}

/* ======================================= */
/*            Dropdown Menue               */
#headerNavAuth {
  height:20px;
  /*border:#999 1px dashed;*/
  width: 80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
/*
    font-size:12px;*/
  margin-top: 10px;
  float:            right;
  padding-right:    10px;
  /*position:absolute;  */
}
#headerNavAuth div {
    float:left;
    /*margin-right: 20px;*/

    position:relative;
}
#headerNavAuth div ul {
    display: none;
    list-style-type:none;
    background-color: #999;
    border: #666;
    margin-left: -5px;
    padding: 0px;
    z-index:999;
}
#headerNavAuth div:hover ul {
    display: block;
    
}
#headerNavAuth div ul li a {
    display: block;
    width: 80px;
    background: #F0F0F0;
    margin: 1px;
    padding: 4px;
    text-decoration: none;
    color:#000;
}
#headerNavAuth div ul li a:hover {
    background: #FFEFB7;
    color:#960;
}
/* ======================================= */
#RevisionOpDialog {
  position:         absolute;
  height:           100px;
  width:            280px;
  top:              100px;
  left:             100px;
  background-color: #F0F0F0;
  z-index:          100;
  display:          block;
  border:           1px solid red;
  overflow:         auto;
  color:#960;
}

#RevisionOpDialog a {
  color:#960;
}
/* ======================================= */
.displayBox {
	display:          none;/*none|block*/
    /*background-color: white;*/
    background-color: #3AB5C4;
    margin-top:       10px;
    margin-right:     3px;
    margin-left:      6px;
    padding:          10px;
    /*border:           1px solid red;*/
    float:            left;
    width:            770px;
}

/* ======================================= */
/* =        Revisions export menu        = */
/* ======================================= */

 
.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:50%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
}
 
.menu2 {
    width:50px;
    margin:0px auto;
}
 
.menu2 li {
    margin:0px;
    list-style:none;
    /*font-family:'Ek Mukta';*/
}
 
.menu2 a {
    transition:all linear 0.15s;
    /*color:#919191;*/
}
 
.menu2 li:hover > a, .menu2 .current-item > a {
    text-decoration:none;
    /*color:#be5b70;*/
}
 
.menu2 .arrow {
    /*font-size:11px;*/
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu2 > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    /*font-size:19px;*/
    width: 250px;
}
 
.menu2 > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu2 > ul > li:hover > a, .menu2 > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menu2 li:hover .sub-menu {
    z-index:200;
    opacity:1;
}
 
.sub-menu {
    width:55%;
    padding:5px 0px;
    margin-left: 10px;
    margin-top: 2px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
    font-size:12px;
    text-align:       left;
}
 
.sub-menu li {
    display:block;
    width:95%;
    /*font-size:16px;*/
}
 
.sub-menu li a {
    padding:10px 10px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}
/* ======================================= */

.p_UnderliningTextDec {
	text-decoration: underline;
}