body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04172d;
	background-color: #898989;
	margin: 0px;
	padding: 15px;	
	background-image:url('images/backgradientplain.jpg');
	background-repeat:repeat-x
}

#navigation {
  /* width: 435px;*/
  width: 634px;
  margin: 0 auto 0 auto;
  padding:0 0 0px 0;
  text-align:center;
}

.navigationlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #fbbe00;
	margin: 6px;
}

.navshell{
	/* background-image: url('images/softegg_logo.gif'); 
	background-repeat: no-repeat */
}

.languages {
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	color:#E8E6FC;
	font-size:20px;
	padding-bottom:15px;
	padding-right:10px;
}

.languages a{
	font-family: Arial, Helvetica, sans-serif;
	color:#333399;
	text-decoration:none;
}

.languages a:hover{
	text-decoration:underline;
}

.linksp {
	text-align:right;
	padding-right:11px;
	line-height:1.9;
	height:23px;
	text-align:right;
	background-image:url('images/supportnavigationd.gif');
	background-repeat: no-repeat;
	color:#fff;
	font-size:11px
}
.linksp a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.linksp a:hover{
	text-decoration:underline;
}
#content {
  /* width: 435px;*/
  width: 500px;
  margin: 0 auto 0 auto;
  padding:0 0 10px 0;
  text-align:center;
}

#header {
  background-color: #000000;
  margin:10px 0 10px 0;
  padding:10px;
}

table.header {
  width:100%;
}

td.header {
  font-size:20px;
  color: #ffffff;
  text-align:center;
  text-transform:uppercase;
}

td.header-logoff {
  width:60px;
  vertical-align:bottom;
  font-size: 10px;
}

.menu-logoff-out {
  width:50px;
  cursor: pointer;
  float:left;  
  color: #000000;
  background-color: #C0C0C0;
  border:1px solid #ffffff;
  margin:0 0 0 0;
  padding:4px;
}

.menu-logoff-over {
  width:50px;
  cursor: pointer;
  float:left;
  color: #ffffff;
  background-color: #D2232A; 
  border:1px solid #ffffff;
  margin:0;
  padding:4px;
}

#menu {
  font-size: 10px;
  text-align:center;
  cursor: pointer;
  color: #ffffff;
  padding-bottom:10px;
}

#menu2 {
  font-size: 10px;
  text-align:center;
  cursor: pointer;
  color: #ffffff;
  padding-bottom:10px;
}

#menu3 {
  font-size: 10px;
  text-align:center;
  cursor: pointer;
  color: #ffffff;
  padding-bottom:0px;  
}

.clear {
        clear:both;
        font-size:0px;
        line-height:0px;
        height:0px;
        overflow:hidden;
        margin: 0 0 0 0;
}

.menu-out {
  width:90px;
  float:left;  
  background-color: #000000;
  border:1px solid #000000;
  margin:0 6px 0 0;
  padding:4px;
}

.menu-over {
  width:90px;
  float:left;
  background-color: #D2232A; 
  border:1px solid #000000;
  margin:0 6px 0 0;
  padding:4px;
}

.menu-out2 {
  width:110px;
  float:left;
  background-color: #000000;
  border:1px solid #000000;
  margin:0 6px 0 0;
  padding:4px;
}

.menu-over2 {
  width:110px;
  float:left;
  background-color: #D2232A; 
  border:1px solid #000000;
  margin:0 6px 0 0;
  padding:4px;
}

.menu-out3 {
  width:132px;
  float:left;
  background-color: #000000;
  border:1px solid #000000;
  margin:0 0 0 0;
  padding:4px;
}

.menu-over3 {
  width:132px;
  float:left;
  background-color: #D2232A; 
  border:1px solid #000000;
  margin:0 0 0 0;
  padding:4px;
}

p.heading {
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  background-color: #4d409a;
  padding: 6px 0px 6px 10px;
  margin: 0px 0px 10px 0px;
}

table.heading {
  width:100%;
  background-color: #4d409a;
  margin: 0px 0px 10px 0px;
}

td.sort {
  width:100%;
  background-color: #E8E6FC;
}

td.buttonsearch {
  padding:0 8px 0 4px;
}

td.heading {
  width:300px;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  padding: 6px 0px 6px 10px;
}

tr.sort {
  
}

form {
  margin:0;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align:left;
  /* padding: 2px 10px 5px 2px; */
}

td.logo {
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}

td.label {
  font-size:11px;
  color: #E8E6FC;
  text-align:right;
  vertical-align:top;
  padding:8px 10px 0 0;
}

td.label2 {
  vertical-align:top;
  padding:8px 10px 4px 0;
  color:#fff;
}

td.label3 {
  width:48px;
  text-align:right;
  color:#4d409a;
}

td.label4 {
  text-align:right;
  color:#fff;
}

td.label5 {
  text-align:left;
  padding-left:11px;
  color:#4d409a;
}

td.label6 {
  font-size:11px;
  color: #E8E6FC;
  text-align:right;
  vertical-align:top;
  padding:8px 10px 8px 0;
}

td.data {
  vertical-align:top;
  padding:8px 10px 0 0;
}

img.eng_image {
  float:right;
  margin:10px 0 10px 0;
}

td.submit_button {
  text-align:right;
  color: #ffffff;
  font-size: 10px;
  padding-bottom:4px;
}

td.submit_button2 {
  text-align:right;
  color: #ffffff;
  font-size: 10px;
  padding-right:5px;
  padding-bottom:4px;
}

div.button-submit-out {
  float:right;
  width:60px;
  cursor: pointer;
  color: #ffffff;
  font-size: 10px;
  text-align:center;
  background-color: #4D4098;
  margin:4px 0 4px 6px;
  padding:4px 4px 4px 4px;
}

div.button-submit-over {
  float:right;
  width:60px;
  cursor: pointer;
  color: #000;
  font-size: 10px;
  text-align:center;
  background-color: #dea800;
  margin:4px 0 4px 6px;
  padding:4px 4px 4px 4px;  
}

td.menu {
  border-color: #BDD5E8;
  border-style: solid;
  border-width: 1px;  
}

td.page_count {
  color:#fff;
}

div.notes {
  width:100%;
  margin-top:20px;
  color:#fff;
}

table.list {
  margin-bottom:10px;
}

th.list-header {
  padding: 2px 10px 4px 2px;
  background-color: #B0D0E8;
  text-align:left;
}

tr.list-href-out {
  cursor: pointer;
  background-color: #F0F2F6;
}

tr.list-href-over {
  cursor: pointer;
  background-color: #ffffff; 
}

td.list-cell {
  padding: 2px 10px 4px 2px;
}

table.configdetails {
  background-color: #F0F2F6;
}

table.configdetails td{
  padding:0 4px 0 4px;
}

#buttons {
  width:408px;
  margin-left: auto;
  margin-right: auto;
}

div.button-out {
  float:right;
  width:120px;
  cursor: pointer;
  text-align:center;
  color:#ffffff;
  background-color: #4D4098;
  border:1px solid #000000;
  margin:4px 0 4px 6px;
  padding:4px 4px 4px 4px;
}

div.button-over {
  float:right;
  width:120px;
  cursor: pointer;
  text-align:center;
  color:#ffffff;
  background-color: #00AEEF;
  border:1px solid #000000;
  margin:4px 0 4px 6px;
  padding:4px 4px 4px 4px;  
}

td.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  padding: 2px 5px 2px 2px;
  background-color: #B0D0E8; 
}

.content {
  background-color: #ffffff;
  padding-right: 10px;	
  padding-left: 10px;
  color: #000000;
}

.callout-href-out {
    background-color: #E8E6FC;
    border:1px solid #4d409a;
    padding:8px;
    margin-bottom:4px;
    /* background-image: url('images/ticketimage.jpg'); 
    background-repeat: no-repeat;
    background-position: right bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
    */
}

 /*
.callout-href-over {
  cursor: pointer; 
  background-color: #FBEDE7; 
  border:1px solid #4d409a;
  margin:0 0 10px 0;
  padding:8px;
}
*/

.callout-history-href-out {
  /* cursor: pointer; */
  background-color: #E0ECDE;
  border:1px solid #4d409a;
  margin:0 0 4px 0;
  padding:4px;
}

.callout-history-href-over {
  /* cursor: pointer; */
  background-color: #F3F8F2; 
  border:1px solid #4d409a;
  margin:0 0 4px 0;
  padding:4px;
}

.comment {
  background-color: #ffffff;
  border:1px solid #000000;
  margin:0 0 10px 0;
  padding:4px;
}

.comment_text {
  padding-top: 2px;
  vertical-align:top;
}

.light-grey {
  background-color: #F0F2F6;
}

.callout_label {
  text-align:right;
  font-weight: bold;
  padding:1px 10px 1px 4px;
}

.callout_label2 {
  font-weight: bold;
  padding:1px 10px 1px 4px;
}

.callout_label3 {
  text-align:right;
  vertical-align:top;
  padding:1px 10px 1px 4px;
}

.assign_engineer {
  padding-bottom:4px;
}

table.page_results {
  margin-bottom:10px;
}

.white {
  cursor: default;
  background-color: #FFFFFF;
}

.red, .error {color:#ff3838}

a.listing:link {
   color: #000000;
}

a.listing:visited {
   color: #000000;
}

a.listing:hover {
   color: #ffffff;
}

input.box, textarea.box {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:398px;
}

input.box2, textarea.box2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:372px;
}

select.box2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
}

input.box3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:376px;
}

input.box4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:20px;
}

input.box5, textarea.box5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:425px;
}

input.box6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:218px;
  float:right;
}

input.box7 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:100px;
}

textarea.box8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:250px;
}

input.box9 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border: 1px solid #808080;
  margin: 4px 0 4px 0;
  width:50px;
}

.selectsort {
  padding:4px;
}

/* data table */
.cms { margin-bottom:10px;}
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-align:center; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-align:center;}
.dataTableContentLeft { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-align:left;}
.dataTableContentEven { background-color:#DEE4E8; }
.dataTableContentOdd { background-color:#F0F1F1; }

.small {
 font-size:9px;
 color:#fff;
}

.smallblack {
 font-size:9px;
}

.smallwhite {
 font-size:9px;
 color:#ffffff;
}

.whitetext {
  color:#ffffff;
}

.center {
  text-align:center;
}

#services {
  width:480px;
  margin:10px 10px 20px 10px;
}

#services td {
  font-size:14px;
  color:#F5BE00;
  border-bottom:2px solid #9A98A3;
  padding:4px 8px 2px 8px;
}

#services td.icon {
  width:24px;
}

#services a {
  font-size:12px;
  color:#ffffff;
}

#services_admin {
  width:480px;
  margin:0px 10px 14px 10px;
}

#services_admin td {
  font-size:14px;
  color:#F5BE00;
  border-bottom:1px solid #414141;
  padding:4px 8px 2px 8px;
}

#services_admin td.icon {
  width:24px;
}

#services_admin a {
  font-size:12px;
  color:#ffffff;
}

/* popUpDiv */
#popUpDiv {
    display:none;
    background: #FFFFFF;
    padding:30px;
    position:fixed;
    text-align: left;
    border:1px solid #CCCCCC;
}
.confirmButton {
    background: #E8E6FC;
    border:1px solid #CCCCCC;
    padding: 5px 10px;
    text-align: center;
    float:right;
    margin:15px 5px;
    cursor: pointer;
}
.confirmButton:hover {
    background: #FFFFFF;
}