/* style section. Generated by Derek Uhlig | Inside-M2M GmbH | www.inside-m2m.de */
@CHARSET "utf-8";

body{
    background-color:  #ffffff;
    font-family:       Arial, Helvetica, Sans Serif;
	font-size:         12px; 
    margin:            0px;
	padding:           0px;
	text-align:        center;
	
}
a:link,a:visited,a:hover,a:active,a:focus{
	color:             #6ab023;
	text-decoration:   none;
}
#header{
	margin-left:       20px;
	margin-right:      20px;
	margin-top:        0px;
}

#main {
    margin-left:       20px;
    margin-right:      20px;
	margin-top:        0px;
	padding-left:      20px;
	padding-right:     20px;
	padding-top:       20px;
}
#footer {
    color:             #cccccc;
    font-size:         10px;
	margin-left:       20px;
	margin-right:      20px;
    padding-bottom:    20px;
	padding-left:      50px;
	padding-right:     50px;
	text-align:        center;
}

/******
*
* Tables
*/
.HeadTable{
	background-color:  #4b4b4d;
    border-width:      0px;
	color:             #6ab023;
	font-size:         14px;
	font-weight:       bold;
	width:             100%;
} 
/*****
*Main Table
*
*/
.mainTable{
	border-collapse:   collapse;
    border-color:      #4b4b4d;
    border-style:      solid;
    border-width:      1px;
    margin-top:        20px;
    margin-bottom:     20px;
    width:             100%;
}

.mainTD{
	border-top-color:  #4b4b4d;
	border-top-width:  1px;
	border-top-style:  solid;
}

.mainTDR{
    border-top-color:  #4b4b4d;
    border-top-width:  1px;
    border-top-style:  solid;
    color:             red;
}
.mainTDG{
    border-top-color:  #4b4b4d;
    border-top-width:  1px;
    border-top-style:  solid;
    color:             green;
}
/*****
*Help Table
*
*/
.helpTable{
    border-collapse:   collapse;
    border-color:      #4b4b4d;
    border-style:      solid;
    border-width:      1px;
    margin-left:       auto;
    margin-right:      auto;
    margin-bottom:     20px;
    margin-top:        20px;
	width:             80%;
}

.helpTD{
	border-collapse:   collapse;
	border-color:      #4b4b4d;
	border-width:      1px;
	border-style:      solid;
}
/*****
*Status Table
*
*/
.statusTable {
    margin-left:       auto;
    margin-right:      auto;
    margin-top:        20px;
    margin-bottom:     10px;
    text-align:        left;
    width:             100%;
}
.statusTD {
    width:             25%;
    padding-top:       10px;
    padding-left:      20px;
}
.statusTDC{
    text-align:        center;
}
.statusTDGreen{
    color:             green;
    text-align:        center;
}
.statusTDRed{
    color:             red;
    text-align:        center;
}
.statusHTD {
    padding-top:       10px;
    padding-left:      20px;
}
.statusTDR {
    width:             25%;
    padding-top:       10px;
    text-align:        right;
    padding-right:     20px;
}
.statusTDRR {
    width:             25%;
    color:             #990000;
    padding-top:       10px;
    text-align:        right;
    padding-right:     20px;
}
.statusTDRG {
    width:             25%;
    color:             #009900;
    padding-top:       10px;
    text-align:        right;
    padding-right:     20px;
}
/*****
*Device Admin Table
*
*/
.deviceadminTable {
    margin-left:       auto;
    margin-right:      auto;
    margin-top:        20px;
    margin-bottom:     10px;
    text-align:        left;
    width:             100%;
}
.deviceadminTD {
    width:             33%;
    padding-top:       10px;
    padding-left:      20px;
     padding-right:      20px;
}
.deviceadminTDR {
    width:             33%;
    padding-top:       10px;
    padding-right:      20px;
    text-align: right;
}
.deviceadminTDC{
      width:             33%;
    padding-top:       10px;
    
    text-align:        center;
}

.information{
	  width:            200px;
	  overflow: auto;
	  
}
/*****
*Tab Table
*
*/
.TabTable {
    margin-left:       auto;
    margin-right:      auto;
    border-color:      #4b4b4d;
    border:            1px;
    border-collapse:   collapse;
    text-align:        center;
    width:             95%;
}
.activeTab {
    font-weight:       bold;
    border:            1px solid #4b4b4d;
    border-bottom:     0px;
    border-collapse:   collapse;
    background-color:  #4b4b4d;
}
.inactiveTab {
    background-color:  #ffffff;
    border:            1px solid #4b4b4d;
}
.tabContentTable{
    padding:           20px;
    padding-bottom:    10px;
    margin-bottom:     10px;
    border:            1px solid  #4b4b4d;
    border-top:        0px;
}
/*****
*Alarm Table
*
*/
.alarmTable {
    border-collapse:   collapse;
    border-color:      #4b4b4d;
    border-width:      1px;
    border-style:      solid;
    margin-left:       auto;
    margin-right:      auto;
    margin-top:        10px;
    margin-bottom:     10px;
    text-align:        left;
    width:             100%;
}
.alarmTH {
    border-color:      #4b4b4d;
    border-width:      1px;
    border-style:      solid;
    padding:           2px;
    padding-left:      20px;
    width:             30%;
}
.alarmTHD {
    border-color:      #4b4b4d;
    border-style:      solid;
    border-width:      1px;
    padding:           2px;
    text-align:        center;
    width:             10%;
}
.alarmTD {
    border-color:      #4b4b4d;
    border-style:      solid;
    border-width:      1px;
    padding-left:      20px;
    width:             30%;
}
.alarmTDD {
    border-color:      #4b4b4d;
    border-style:      solid;
    border-width:      1px;
    text-align:        center;
    width:             10%;
}
/*****
*CreateUser Table
*
*/
.cUserTable{
    margin-left:       auto;
    margin-right:      auto;
    margin-top:        10px;
    margin-bottom:     20px;
}
.cUserTD{
    width:             25%;
}
.cUserTDRed{
    color:             red;
    width:             25%;
}
.cUserTDGreen{
    color:             green;
    width:             25%;
}
.tworowTD{
	text-align:        center;
	width:             50%;
	padding:           5px;
	padding-left:      20x;
}
.tworowTDR{
	text-align:        center;
	width:             50%;
	padding:           5px;
	padding-right:     20x;
}
/*****
* Filter Table
*
*/
.filterTable{
    width:             90%;
    margin-left:       auto;
    margin-right:      auto;
}
.filterTD{
    text-align:        center;
      
}

/****
*DIVs
*
*/
.tabContent{
    text-align:        center;
	margin:            0px;
	padding:           0px;
}

/**
* Inputfields, Selects and Buttons
*
*
*/
.filterS{
    width:             180px;
}
.filterE{
    width:             120px;
}
.filterB{
    width:             90px;
}
.filterN{
    width:             60px;
    text-align:        right;
}
.pinS{
    width:             330px; 
}
.oLabel{
    width:             50%;
    text-align:        center;   
}
.oSelect{
    
    text-align:        right;
    width:             180px;
}
.nSelect{
    
    text-align:        right;
    width:             80px;
}
.inputAssign{
    width:             350px;   
}
.imgbutton{
    background:        white;
}
/*
*
*   LogView
*/
.logView{
    font-family:       monospace;
    text-align:        left;
    background-color:  #cccccc;
    height:            300px;
    width:             600px;
    overflow:          auto;
    margin-left:       auto;
    margin-right:      auto;
    margin-bottom:     40px;
    color:             black;
}
.firmwareView{
    font-family:       monospace;
    text-align:        left;
    background-color:  #cccccc;
    height:            150px;
    width:             600px;
    overflow:          auto;
    margin-left:       auto;
    margin-right:      auto;
    margin-bottom:     40px;
    color:             black;
}
/****
* Fonts
*
*/
.smallFont{
	font-size:         9px;
}
.boldFont{
    font-weight:       bold;
}
.forbiddenPool{
    color:             red; 
}
.pages{
    color:             #6ab023;
}


/* End of style section. Generated by Derek Uhlig | Inside-M2M GmbH | www.inside-m2m.de */