*:focus {outline: none;}
html,body{
  margin:0;
  padding:0;
  height:99%;
  border:none;
}
body{ font-family: Verdana, sans-serif; font-size: 8pt; margin: 8px !important;}
td{ font-family: Verdana, sans-serif; font-size: 8pt;}
	
img.ico {vertical-align: middle; border: none;}

#mainFrame {
    height: 97%;
    border: 1px solid silver;
    background-color: white;
}
    
a:link{ color: #333333; text-decoration: underline;}
a:visited{ color: #333333; text-decoration: underline;}
a:hover{ color: gray; text-decoration: underline;}
a:active{ color: #333333; text-decoration: underline; }

a:link.blank		{text-decoration: none;}
a:visited.blank		{text-decoration: none;}
a:hover.blank		{text-decoration: none;}
a:active.blank		{text-decoration: none;}

a:link.blubb      { color: #333333; text-decoration: none;}
a:visited.blubb   { color: #333333; text-decoration: none;}
a:hover.blubb     { color: black;   text-decoration: underline;}
a:active.blubb    { color: #333333; text-decoration: none;}

table               {border-spacing: 0px;}

table.def   		{ border-spacing: 1px; border: 1px solid #bbbbbb;}
table.def td 		{ padding: 5px;}

table.blubb         { border-spacing: 0px;}
table.blubb td      { padding: 2px;}

tr.head     		{ background-color: #d0d0d0; font-weight: bold; text-shadow: #c0c0c0 3px 3px 5px;}
tr.body_1   		{ background-color: #eeeeee; padding: 3px; }
tr.body_2   		{ background-color: #d0d0d0; padding: 3px;}
tr.err      		{ background-color: #FFD4D4; text-shadow: #c0c0c0 3px 3px 5px;}
tr.state_ok 		{}
tr.state_pending 	{}

td.err				{color: red; font-weight: bold; text-shadow: #c0c0c0 3px 3px 5px;}
td.good				{color: green; font-weight: bold; text-shadow: #c0c0c0 3px 3px 5px;}

textarea:focus         {outline: none;}
input:focus         {outline: none;}
input       		{border:1px solid silver; background-color: white; color: black; height: 18px; padding: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; width: 130px;}
input.active        {background: #ebf3fc url(images/bar-bg-active.png) repeat-x;}
input[type=password]{width: 130px !important;}
input[type=radio]	{width: 15px !important;}
input[type=checkbox]{width: 15px !important;}
input.wide			{border:1px solid silver; background-color: white; color: black; width: 200px; height: 18px; padding: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
input.err			{border:1px solid silver; background-color: #FFD4D4; color: black; height: 18px; padding: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
textarea			{border:1px solid silver; background-color: white; height: 70px; width: 100%; color: black; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
textarea.err        {border:1px solid silver; background-color: #FFD4D4; height: 70px; width: 100%; color: black; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}

textarea.active     {background: #ebf3fc url(images/bar-bg-active.png) repeat-x;background-size: 100%;}

select              {background:white; color:black; border: 1px solid silver; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; height: 26px;}
select.body_1       {background:#F7F7F7; color:black; border: 1px solid silver; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; height: 26px;}
option.err          {background:#FFD4D4; color:black; border: 1px solid silver;}

table.tab           {border-collapse: collapse; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5}
table.tab td        {padding:5px;}
table.tab thead tr  {background: url("images/tabheader-bg.gif") repeat-x scroll left top #CCCCCC; font-weight: bold; text-shadow: #c0c0c0 3px 3px 5px;}
table.tab thead td  {padding-top: 0.4em; padding-bottom: 0.4em; font-size: 8pt;}
table.tab tfoot tr  {background: #F0F0F0;}
table.tab tfoot td  {padding-top: 0.4em; padding-bottom: 0.4em; font-size: 8pt;}
table.tab tbody td  {padding: 0.7em 0.5em 0.7em; background-color: #F7F7F7;}
table.tab tbody tr.body_1 td { background-color: #F7F7F7; padding: 7px; border-top: 1px solid #e5e5e5}
table.tab tbody tr.body_2 td { background-color: #F0F0F0; padding: 7px; border-top: 1px solid #e5e5e5}
table.tab tbody tr.err td { background-color: #FFD4D4; padding: 7px; border-top: 1px solid #e5e5e5}
table.tab tbody tr.disabled td { text-decoration: line-through;}

table.tab tbody tr td.b_f{border: 1px solid #e5e5e5}
table.tab thead tr td.b_f{border: 1px solid #e5e5e5}

table.tab tbody tr td table.nosubborder td {border: none; padding: 5px;}

#contentTable td {border: 1px solid #e5e5e5;}

tr.footer { background:url("images/footerbackground.jpg") repeat-x scroll left top transparent; }
tr.footer td { clear:both; font-size:8pt; margin:0; padding:5px 10px 5px 5px; text-align:right;}

div.maincontent {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin: 10px 0; padding: 15px 0 15px 15px;}

input[type="submit"] {background:url("images/button.gif") repeat-x scroll left top white; font-weight:bold; margin:0 10px; padding:1px 4px; border:1px solid #CCCCCC; color:#070B2C; font-family:'Trebuchet MS','Bitstream Vera Sans',Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; height: 25px;}
input[type="button"] {background:url("images/button.gif") repeat-x scroll left top white; font-weight:bold; margin:0 10px; padding:1px 4px; border:1px solid #CCCCCC; color:#070B2C; font-family:'Trebuchet MS','Bitstream Vera Sans',Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; height: 25px; }
input[type="button"]:active {position:relative; top:1px;}
input[type="submit"]:active {position:relative; top:1px;}
input[type="button"]:hover {background-color: #F0F0F0;}
input[type="submit"]:hover {background-color: #F0F0F0;}

table.minimal           { border-collapse: collapse; border-spacing: 0px;}
table.minimal td        { padding: 0px;}
table.minimal tbody td  { padding: 0px;}

div.home_module                             {position: absolute; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5; margin: 5px; padding: 0px; width: 200px; float: left;}
div.home_module table                       {width: 100%; border-collapse: collapse;}
div.home_module table p                     {margin: 0px;}
div.home_module table tr.head               {background: url("images/tabheader-bg.gif") repeat-x scroll left top #CCCCCC; font-weight: bold;}
div.home_module table td                    {padding: 6px;}
div.home_module table td.inner_content      {padding: 10px; background-color: #F2F2F2;}
div.home_module table tr.head span.controls {position: absolute; right: 3px; font-size: 7pt; font-weight: normal;}

div.home_module table tr.head span.controls a:link      {color: gray}
div.home_module table tr.head span.controls a:visited   {color: gray}
div.home_module table tr.head span.controls a:hover     {color: white}
div.home_module table tr.head span.controls a:active    {color: gray}

ul.tabs { position: relative; margin: 5px 0 0 0; height: 34px; font-size: 12px; font-weight: bold; background: url('images/nav_bg.png') 0 0 repeat-x; border: 1px solid #EAEAEA; border-bottom-color: #CACACA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-padding-start: 0px;}
ul.tabs li {list-style-type: none;margin: 0;display: table-cell;width: 150px;}
ul.tabs li a {display: block; height: 34px; text-align: center; line-height: 35px; font-size: 12px; color: #777; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); border-right: 1px solid #EEE; border-right-color: rgba(0, 0, 0, 0.04); border-left: 1px solid #FCFCFC; border-left-color: rgba(255, 255, 255, 0.7);}
ul.tabs li a:hover {color: #4183C4; background: url('images/nav_hover.png') 0 0 repeat-x; }
ul.tabs li a.selected { color: black; background: url('images/nav_high.png') 0 0 repeat-x;}
ul.tabs_lower { position: relative; margin: 10px 0 0 0; height: 20px; font-size: 10px; font-weight: bold; background: url('images/nav_bg.png') 0 0 repeat-x; border: 1px solid #EAEAEA; border-bottom-color: #CACACA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-padding-start: 0px; }
ul.tabs_lower li {list-style-type: none; margin: 0; display: table-cell; width: 15%; }
ul.tabs_lower li a { display: block; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #777; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); border-right: 1px solid #EEE; border-right-color: rgba(0, 0, 0, 0.04); border-left: 1px solid #FCFCFC; border-left-color: rgba(255, 255, 255, 0.7); text-shadow: #c0c0c0 3px 3px 5px;}
ul.tabs_lower li a:hover { color: #4183C4; background: url('images/nav_bg.png') 0 0 repeat-x; border: 1px solid #EAEAEA; border-bottom-color: #CACACA;}
ul.tabs_lower li a.selected { color: black; background: url('images/nav_bg.png') 0 0 repeat-x; border: 1px solid #EAEAEA; border-bottom-color: #CACACA;}

/* growlUI */
div.growlUI { background: url(images/check48.png) no-repeat 10px center; padding: 5px; }
div.growlUI h1, div.growlUI h2 {color: white; padding: 5px 5px 5px 75px; text-align: left}

/* easyToolTip */
#easyTooltip{ max-width: 300px; padding:5px; border:1px solid #ccc; background:#f1f1f1; }

table.special_content {-moz-border-radius:6px; -webkit-border-radius:6px; webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; box-shadow: 0 0 50px #ccc; }

div.extern                 {padding: 13px;}
div.extern table           {border-collapse: collapse; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-top: none;}
div.extern table td        {padding:5px;}
div.extern table thead tr  {background: url("images/tabheader-bg.gif") repeat-x scroll left top #CCCCCC; font-weight: bold; text-shadow: #c0c0c0 3px 3px 5px;}
div.extern table thead td  {padding-top: 0.4em; padding-bottom: 0.4em; font-size: 9pt;}
div.extern table tfoot tr  {background: #F0F0F0;}
div.extern table tfoot td  {padding-top: 0.4em; padding-bottom: 0.4em; font-size: 9pt;}
div.extern table tbody td  {padding: 1em 0.8em 1em; background-color: #F7F7F7;}
div.extern #contentTable thead td {border-top: none;}

.nowrap {white-space:nowrap;}

table.dialog tbody tr td {padding: 20px;}

table.small         { border-spacing: 0px;}
table.small tbody tr td      { padding: 3px;}

table.tab td.active_green {background-color: #F0FFEB;}

.modem_table {
    margin:0px;padding:0px;
    width:100%;
    box-shadow:2px 2px 5px #888888;
    border:1px solid #000000;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.modem_table table{
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}
.modem_table tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.modem_table table tr:first-child th {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.modem_table table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.modem_table tr:last-child th{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}
.modem_table td, .modem_table th{
    background-color:#ffffff;
    border:1px solid #000000;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}
.modem_table tr:last-child td{
    border-width:0px 1px 0px 0px;
}
.modem_table tr td:last-child {
    border-width: 0px 0px 1px 0px;
}
.modem_table tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.modem_table tr:first-child th{
    background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    background: -o-linear-gradient(top,#cccccc,b2b2b2);
    background-color:#cccccc;
    border:0px solid #000000;
    text-align:left;
    border-width:0px 0px 1px 1px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    color:#000000;
}

.modem_table tr:first-child th:first-child{
    border-width:0px 0px 1px 0px;
}
.modem_table tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}

.modem_table td.red, .legend td.red{
    background: #da0003;
    font-weight: bold;
}
.modem_table td.yellow, .legend td.yellow{
    background: #FFD800;
    font-weight: bold;
}
.modem_table td.green, .legend td.green{
    background: #04C301;
}
.legend {
    cursor: pointer;
}
.ui-icon {
    display: inline-block !important;
    vertical-align: sub;
}

.reset_pos {
    float:left
}
.legend_pos {
    float:right;
}
.hide_for_desktop {
    display: none;
}

/* dataTables */
table.dataTable tbody td {
    word-break: break-all;
    vertical-align: top;
}