/****** Styles for HTML-objects *********************************************/

ol {
 margin-top:0;
}

html {
  height: 100%;
  width: 100%;
}
body {
  background: #FFFFFF;
  color: #000000;
  height: 100%;
  width: 100%;
  margin: 0;
}

img {
 margin: 0;
 border: 0px none;
 background: transparent;
}

a:hover {
 font-size: 10pt;
 color: #0000FF;
 text-decoration: underline
}
a {
 font-size: 10pt;
 color:  #3159ad;   
 /*color: #0000FF; */
 text-decoration: none;
}

ol {
 margin-top: 15px;
}

fieldset {
 margin-bottom: 15px;
}

legend {
 color:  #003366;
}

select {
 border:1px solid #6DB2C9;
 background: #FFFFFF;
}

textarea {
 border:1px solid #6DB2C9;
 background: #FFFFFF;
}


/****** SMS component styles *************************************************/

.note {
 BACKGROUND-COLOR: #FFFFCD;
 BORDER: solid 1px #96965F;
 PADDING: 6px;
 font-family: tahoma;
 font-size: 12px;
}

.notesn {
 BACKGROUND-COLOR: #F1F4D5;
 BORDER: solid 1px #B6C827;
 PADDING: 6px;
 font-family: tahoma;
 font-size: 12px;
 width:150px;
}
.iDiv {
 BACKGROUND-COLOR: #F1F4D5;
 BORDER: solid 1px  #DBE493;
 PADDING: 6px;
 font-family: tahoma;
 font-size: 12px;
 width:150px;
}
.errorDiv {
 margin-top: 10px;
  margin-bottom: 10px;

 BACKGROUND-COLOR: #EBCDCF;
 BORDER: solid 1px #97000A;
 PADDING: 6px;
 font-family: tahoma;
 font-size: 12px;
}
.successDiv {
 margin-top: 10px;
  margin-bottom: 10px;

 BACKGROUND-COLOR: #CDEBF6;
 BORDER: solid 1px #0098D0;
 PADDING: 6px;
 font-family: tahoma;
 font-size: 12px;
} 

   
.next_action_rows {
 background: #FFE4B5;
}

.pastcontacts {
 background: #F1F1F1;
}

.pastcontactsSold {
 background: #EEA2AD;
}

.smsH1Table {
 border:1px solid #3159ad; 
 background: #F1F1F1;
}

.smsH2Table {
 padding-left:5px; padding-right:5px;
 border:1px solid #c0c0c0;
 background: #F1F1F1;
}

.smsH3Table {
 border-bottom:1px solid #4AAAEE;
 border-left:1px solid #4AAAEE;
 border-right:1px solid #4AAAEE;
 background: #F1F1F1;
}

.smsH1 {
 height: 20px;
 color: #FFFFFF;
 background: #3159ad;
 font-family: "Tahoma"; /*"Times new roman";*/
 font-weight: bold;
 font-size: 12pt;
 text-align: left;
 vertical-align: middle;
 white-space: nowrap;
 border: 0px none;
}

.smsH2 {
 height: 20px;
 background-image: url('/img/h2-bg1.jpg'); /*url('/img/grey_bg.jpg'); */
 font-family: "Tahoma"; //Times new roman; 
 font-weight:bold; font-size:11pt;
 text-decoration:none; text-align:left;
}

.smsH3 {
 height: 20px;
 color: #000000;
 background: #4AAAEE;
 font-family:  "Tahoma"; /*"Times new roman";*/
 font-weight: bold;
 font-size: 12pt;
 text-align: left;
 vertical-align: middle;
 white-space: nowrap;
 border-bottom: solid 1px #000000;
}

.smsH4 {
 height: 20px;
 background: #C9D7DC;
 padding-left:5px; padding-right:5px; 
 font-family: "Tahoma"; /*Times new roman;*/ 
 font-weight:bold; font-size:11pt; text-decoration:none; text-align:left
}


/****** Table styles ********************************************************/

#clientArea {
 padding-top: 10px; padding-bottom: 10px;
 text-align: center;
}

#logTable {
 border: solid 1px #000000;
}

.button {
 padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px;
 cursor: pointer; cursor: hand;
 font-family:  "Tahoma", "Verdana";
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 white-space: nowrap;
}

.buttonOn {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px;
 border: 1px solid #5A53A6;
 background: #E9F2F7;
 color: #A30013;
 cursor: pointer; cursor: hand;
 font-family:  "Tahoma", "Verdana";
 font-size: 10px;
 font-weight: bold;
 white-space: nowrap;
}

.smsTable {
 border: solid 1px #003366;
 font-size: 10pt;
 white-space: nowrap;
}

.tableBorders {
 border: solid 1px B6B6AA;
}

.even {
 background: #FFFFFF;
} 

.odd {
 background: #F1F1F1;
}

.evenOn { 
 background: #c0c0c0; /*#FFE4B5;*/
} 

.oddOn {
 background: #c0c0c0; /*#FFE4B5;*/
}

.evenOnError { 
 background: #DB7093;
} 

.oddOnError {
 background: #DB7093;
}

/****** Header component styles *********************************************/

#bannerTopLeft {
 background: #4B92D9;
 vertical-align: middle;
 text-align: left
}

#bannerTopRight {
 background: #FFFFFF url('/img/bannerTop.jpg') no-repeat top left;
}

.signOnInfo {
 padding-left: 5px; padding-right: 5px;
 font-family:  "Tahoma", "Arial";
 font-size: 11px;
 color: #000000;
 text-align: left;
 white-space: nowrap;
}

#waitMessageContainer {
 padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px;
 color: #FFFFFF;
 font-family:  "Tahoma", "Arial";
 font-size: 10px;
 font-weight: bold;
}


/****** Styles for menubar components ***************************************/

#menuBar  {
 font-family: "Tahoma", "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('/img/h1_bg.gif'); /*url('/img/menubar_bg.gif'); */
/* background: #000000; */
 height: 18px;
 white-space: nowrap;
 /*
 border-top:1px outset #FFFFFF; border-left:1px outset #FFFFFF; border-right:1px outset #000000; border-bottom:1px outset #000000 
*/
}

.menuBg {
 background: #003366;
}

.menu {
 cursor: pointer; cursor: hand;
}

.logScreenOpen {
 background: #FFFFFF;
 color: #FF0000;
 border-top: outset 1px #FFFFFF; border-left: outset 1px #FFFFFF; border-right: outset 1px #000000;
 font-family:  "Tahoma", "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold; 
}
 
.menuItem {
 cursor: pointer; cursor: hand;
 background: #003366;
 color: #FFFFFF;
 padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px;
 font-family: "Tahoma", "Verdana";
 font-size: 10px;
 font-weight: bold;
}

.menuItemOn {
 cursor: pointer; cursor: hand;
 color: #CC6633;
 padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px;
 border: 1px solid #CC6633;
 font-family: "Tahoma",  "Verdana";
 font-size: 10px;
 font-weight: bold;
}

.popUpMenu {
 cursor: pointer; cursor: hand;
 background: #000000;
 color: #FFFFFF;
}

.popUp {
 cursor: pointer; cursor: hand;
 border: 1px solid #7C0000;
 background: #CC6633;
}

#logScreenContainer {
 position: absolute; 
 width: 120px;
 height: 90px;
 background: #000000;
}

#logScreen {
 position: absolute;
 background: #FFFFFF;
 font-family: "Tahoma",  "Arial";
 font-size: 10px;
 font-weight: normal;
 padding-left: 3px;
 width: 500px;
 height: 1000px;

}

/****** Styles for navi and subnavi buttons *********************************/

#mainNaviBar {
 background-image: url('/img/n_bg.jpg'); 
 /*background: #99CCFF;*/ /*#3159ad;*/
 color: #FFFFFF;
 /*
 border-top: 1px solid #000000; */
}

#subNaviBar {
 background-image: url('/img/sn_bg.jpg');
 /*background: #CC6633;*/
 color: #3159ad;
/* border-left:1px outset #FFFFFF; border-right:1px outset #000000 
*/}

.navi {
 padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px;
 cursor: pointer; cursor: hand;
 font-family: "Tahoma",  "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold;
 color: #003366; 
 vertical-align: middle;
}

.naviOn {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px;
 border: 1px solid #5A53A6;
/* background: #E9F2F7;
 color: #A30013;*/
 background: #E9F2F7;
 color: #3159ad;
 cursor: pointer; cursor: hand;
 font-family: "Tahoma",  "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold;
 vertical-align: middle;
}

.naviSelected {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px;
/* background: #CC6633;*/
 background-image: url('/img/sn_bg.jpg');
 
 color: #000000;
 /*background: #FFFFFF;
 color: #3159ad;  */
 cursor: pointer; cursor: hand;
 border-top: outset 1px #FFFFFF; border-left: outset 1px #FFFFFF;
border-right: outset 1px grey;
 font-family: "Tahoma",  "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold;
 vertical-align: middle;
}

.naviSelectedL { /* This style is used only when user navi is selected. */
 padding-left: 4px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px;
  background-image: url('/img/sn_bg.jpg');
 /**
 background: #FFFFFF; */
 color: #000000;
 cursor: pointer; cursor: hand;
 border-top: outset 1px #FFFFFF; border-right: outset 1px grey;
 font-family: "Tahoma", "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold;
 vertical-align: middle;
}

.subNavi {
 padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px;
 cursor: pointer; cursor: hand;
 font-family: "Tahoma", "Verdana", "Arial";
 font-size: 10px;
 font-weight: bold;
 color: #000000; 
 /*color: #3159ad; */  
}

.subNaviOn {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px;
 border: 1px solid #7C0000;
 background: #FFCE9B;
 color: #A30013; /*#005000;*/ 
 cursor: pointer; cursor: hand;
 font-family: "Tahoma", "Verdana", "Arial"; 
 font-size: 10px;
 font-weight: bold; 
}

.subnaviSelected {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 5px;
 cursor: pointer; cursor: hand;
 background: #FFFFFF;
 color: #CC6633; /*#3159ad;*/      
/* color: #FF0000; */
 border-top: outset 1px #FFFFFF; border-left: outset 1px #FFFFFF;
border-right: outset 1px grey;
 font-family: "Tahoma", "Verdana", "Arial"; 
 font-size: 10px;
 font-weight: bold; 
}

.subNaviOpen {
 padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px;
 cursor: pointer; cursor: hand;
 font-family: "Tahoma", "Verdana", "Arial";  
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 background: #A30013;
}

.bgNaviSelected { background: #CC6633; }
.bgColorBlack { background: #000000; }
.bgColorWhite { background: #FFFFFF; }


.tab {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 5px;
 cursor: pointer; cursor: hand;
 font-family: "Tahoma", "Verdana", "Arial";   
 font-size: 10px;
 font-weight: bold;
 background: #3159ad;  
 color: #FFFFFF;
 vertical-align: middle;
 border-top: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000;
}

.tabOn {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 5px;
 cursor: pointer; cursor: hand;
 font-family: "Tahoma", "Verdana", "Arial";   
 font-size: 10px;
 font-weight: bold; 
 background: #E9F2F7;
 color: #A30013;
 vertical-align: middle;
 border-top: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000;
}

.tabSelected {
 padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 5px;
 cursor: pointer; cursor: hand;
 background: #E9F2F7;
 color: #FF0000;
 border-top: outset 1px #FFFFFF; border-left: outset 1px #FFFFFF; border-right: outset 1px #000000;
 font-family: "Tahoma", "Verdana", "Arial";    
 font-size: 10px;
 font-weight: bold; 
}

/****** Footer component styles *********************************************/

.footerLink, a.footerLink:hover, a.footerLink:link, a.footerLink:visited, a.footerLink:active {
 color: #CC6633;
 font-family: "Tahoma", "Arial";
 font-size: 10px;
 text-decoration: none
}

.copyRight {
 color: #000000;
 font-family: "Tahoma",  "Arial";
 font-size: 10px
}


/****** Styles for "real" componenets ***************************************/

.SMSText {
 border:1px solid #6DB2C9;
 background: #F1F1F1;
}

.textBox {
 border:1px solid #6DB2C9;
 background: #FFFFFF;
}

.SMSButton {
 padding-left:5px; padding-right:5px;
 border:1px solid #6DB2C9;
 background: #F1F1F1;
}

/****** Styles for object inspector *****************************************/

.objectInspector { }
.objectInspectorEven { }
.objectInspectorOdd { }

/***** SOME SELECT'S *******************/


.smsSelect {
   color:#000000;
   font-size:10pt;
   border: 1px solid #0099CC;
}

.smallselect {
   width: 170px;
/*   background-color: #f4f4f4;*/
   border:1px solid #B6BC82;
   color:#000000;
   border-style:groove;
   font-size:10pt;
}

.tinyselect {
 /*  background-color: #f4f4f4;*/
   border:1px solid #B6BC82;
   color:#000000;
   border-style:groove;
   font-size:10pt;
}