.altRow { background:#cccccc;}

/*.button {
  background: #FF0033;
	font-family: verdana,helvetica,arial;	
	font-size: 10px;
	font-weight:bold;
	color: #fff;
	border: 1px solid #000000;
	text-transform: uppercase;
} */

.button {
cursor:pointer;
border:outset 1px #ccc;
color:#666;
font-weight:bold;
margin: 0 0 0 5px;
padding: 1px 2px;
}


select,.inputBox {
	font-family: verdana,helvetica,arial;	
	font-size: 10px;
	border: 1px solid #ccc;
}

#message {
	color: #ff0033;
	font-size: 10px;
	font-weight:bold;
	width: 120px;
	height: 20px;	
}

a,a:visited,a:link {
	color: #cc0000;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	}

th {
  text-align:left;
  border-bottom: 1px solid #000000;
}

.errors {
color: red;
}

div.errorBox {
	border: 2px solid red;
	padding: 4px;
	width: 500px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

div.successBox {
	border: 2px solid #006400;
	padding: 4px;
	width: 500px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

div.errorBox h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -4px;
  background: #c00;
  color: #fff;
  border: none;
}

div.successBox h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -4px;
  background: #006400;
  color: #fff;
  border: none;
}

img.icon {
    border: 0;
    width: 14px;
    height: 13px;
    vertical-align: top;
}

div.allErrors {
    border: 0;
    padding-top: 10px;
}

/*
* Styles specific to the AJAX service system
*/

#device {
  display:block;
  background: #f3b701 url(../images/mojo-rtk-face.gif) no-repeat;
  width: 904px;
  height: 298px;
  border: 3px solid #000;
}

#transSpacer {
  width: 100%;
  height: 100%;
  position: relative;
  z-index:2;
  left:0px;
  top:-200px;
  border: 1px solid #ff0000;
}

.ricoAccordian {
  margin-top:6px; 
  border-top-width:1px; 
  border-top-style:solid;
  width:90%;
}

.ricoHeader {
  background: #FF0033;
  cursor: pointer;
}

#sliderPanel {
 	position: absolute;
	display: block;
	padding: 5px;
	height:auto;
	width:auto;
	border: 1px solid #000000;
	background: #ffffff;
	z-index: 99;
}


#height_value {
	width: 40px;
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	text-align: center;
	border: 1px solid #cccccc;
}

#slideIns {
  position: relative;
	left: 15px;
	bottom: 75px;	
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	display: block;
} 

#sliderClose {
	 position: relative;
	 right: -123px;
}

#messageTable {
		width: 50%;
		height: 50px;
}

/** Login screen **/
#loginTable {
 width: 100%;
 text-align: center;
}

#loginTable {
  width: 100%;
  text-align: center;  
  margin: 5px;
}

#loginTable table {
 border: 1px solid #000000;
 padding: 5px;
 width: 250px;
 height: 250px;
}

#loginTable th {
	text-align: left;
	margin-left: 3px;
}

#loginTable input {
	font-family:verdana,helvetica,arial;
	font-size: 10px;
	border: 1px solid #bbbbbb;
	
}

/** new login styles **/

#loginTable {

	width: 260px;
	border: 1px solid #CCCCCC;
	background-color: #ECECEC;
	padding: 10px;
	margin: 10px auto;
}

#loginTable label {
	font-size: 80%;
	display:block;
	width: 100%;
	color: #333333;
}

#loginTable div {
	margin: 0.4em 0 0.6em 0;
}

#loginTable fieldset {
	border: none;
	margin: 0;
	padding: 0; width: 250px;
}

#loginTable legend {
	color: #666666;
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

#loginTable .txt {
	width: 100%;
	border: 1px solid #CCCCCC;
	font-size: 80%;
	padding: 2px;
}

#loginTable .btn {
	border: 1px outset #666666;
	background-color: #CCCCCC;
	color: #000000;
	padding: 2px;
	font-size: 80%;
}

#loginTable div.submit {
	text-align: left;
}

/*body {
	behavior: url(csshover.htc);
}*/


.requiredField{
color: red;
}

/* Toolbar buttons */

#toolbar {
  padding-top:15px;	
  margin-bottom:15px;
}
	
#toolbar div {
  width: 52px;
  height: 52px;
  text-align:center;
  float:left;
  margin-right:10px;
  /* value needs to be (width - image_size)/2 */
  background-position: 14px 0px;
  background-repeat: no-repeat;
  
}
	
#toolbar div:hover,#toolbar div.activeButton,.activeButton {
	 border: 1px solid #eeeeee;
}
	
#toolbar a,#toolbar input {			
  position:relative;
	top: 24px;
	text-decoration:none;
	font-weight:bolder;
	padding-top: 24px
}

#toolbar input {
  font-size: 10px;
	background: #ffffff;
	border:none;
	text-transform:lowercase;			
	text-align:center;
	width: 100%;			
}

/* Device Tool Bar */

#deviceToolbar {
  overflow: hidden;
  padding-top:15px;	
  margin-bottom:15px;
  position: relative;
  left: 0;
  width: 700px;
  height: 60px;
  float:left;
  text-align:center;
  
  
}
	
#deviceToolbar div {
  width: 60px;
  height: 60px;
  text-align:center;
  float:left;
  margin-right: 7px;
  /* value needs to be (width - image_size)/2 */
  background-position: 18px 0px;
  background-repeat: no-repeat;
}
	
#deviceToolbar div:hover,#deviceToolbar div.activeButton,.activeButton {
	 background-color: #eeeeee;
}
	
#deviceToolbar a,#deviceToolbar input {			
  position:relative;
	top: 24px;
	text-decoration:none;
	font-weight:bolder;
	padding-top: 24px
}

#deviceToolbar input {
  font-size: 10px;
	background: #ffffff;
	border:none;
	text-transform:lowercase;			
	text-align:center;
	width: 100%;			
}


#btnView {
  background: url(../images/buttons/preview_large.png);
}
#btnDelete{
  background: url(../images/buttons/delete.gif);
}		
#btnClear {
  background: url(../images/buttons/cancel.gif);
}
#btnStartStop {
  background: url(../images/buttons/go.gif);
}		
#btnRequest {
  background: url(../images/buttons/export.gif);
}
#btnAdd {
  background: url(../images/buttons/add.png);
}
#btnService {
  background: url(../images/buttons/config.gif);
}
#btnCli {
  background: url(../images/buttons/computer_24.gif);
}
#btnHistory {
  background: url(../images/buttons/report.gif);
}
#btnEdit {
  background: url(../images/buttons/edit.png) 20px 0px no-repeat;
}
#btnLogs {
  background: url(../images/buttons/notes_24.gif);
}
#btnStop {
  background: url(../images/buttons/stop.gif);
}
#btnStopMinus {
  background: url(../images/buttons/stopminus.gif);
}
#btnAuth {
  background: url(../images/buttons/key.png);
}
#btnCustomersDevices {
  background: url(../images/buttons/documents_24.gif);
}
#btnDeviceConfig {
  background: url(../images/buttons/info_24.gif);
}
#btnAddTicket {
  background: url(../images/buttons/draft_large.gif);
}
#btnTickets {
  background: url(../images/buttons/documents_24.gif);
}
#btnMessaging {
  background: url(../images/buttons/message.gif);
}
#btnProduction {
  background: url(../images/buttons/production.gif);
}

#btnList {
  background: url(../images/buttons/report.gif);
}

.btnCli {
	background: url(../images/buttons/computer_24.gif) center left no-repeat;
  	padding-left: 24px;
	height:28px;
	font-weight:bold;
	border: 0px solid #000;
	margin: 2px;	
}

.linkCli {
	background: url(../images/buttons/computer_24.gif) 24px 0px no-repeat;
}
.linkHistory {
	background: url(../images/buttons/report.gif) top center no-repeat;
}

.buttonTopLink {
	padding-top: 24px;
}


dl.whatsNew {
           padding: 15px;
           border-top: 1px dotted #ccc; }

dl.whatsNew:after {
                 content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden; }
                 
dl.whatsNew dt {
           margin: 0 0 .5em 0;
           font-size: 110%;
					 font-weight:bold;
           color: #000; }
           


dl.whatsNew dt img {
           margin: 0 15px 0 0;
           float: left;
           padding: 0 4px 4px 0; 
					 ;}

dl.whatsNew dd {
           margin-left: 80px; /* width of image and image margin */
           line-height: 1.5em;
           color: #666; }
           
dl.whatsNew dd #description{
max-height: 80px;
overflow:hidden;
}


/* Customer edit page*/
.rowHeading td{
padding-top: 10px;
}