@import url(../../../common/styles/media.css);

html,body {
height:100%;
margin:0;
}

#flashContent {
width:98%;
height:98%;
overflow:hidden!important;
}

#mainDiv {
position:absolute;
top:0;
width:715px;
height:400px;
left:0px ;
}

#title {
font-size:14px;
font-weight:bold;
}

#title_sub {
font-size:11px;
}

#firsthostipdeci1,#firsthostipdeci2,#firsthostipdeci3,#firsthostipdeci4,#lasthostipdeci1,#lasthostipdeci2,#lasthostipdeci3,#lasthostipdeci4,#broaddecimal1,#broaddecimal2,#broaddecimal3,#broaddecimal4,#nextnetdeci1,#nextnetdeci2,#nextnetdeci3,#nextnetdeci4{
border:1px solid #E9E7E8;
font-weight:bold;
text-align:center;
background-color:#66c0e5;
font-size:11px !important;
font-family:"Courier New" !important;
}


#title_bg {
margin-left:-2px;
background-image:url(orange_bg.png);
background-repeat:repeat;
text-align:center;
border-radius:5px 5px 0 0;
}


.position_bg {
background-color: #D3D1D2;
text-align: left;
font-size:11px;
padding:3px;
}

.exponent_bg {
background-color:#e9e7e8;
text-align: left;
font-size:11px;
padding:3px;
}

#new_nub {
background-image: url("button_bg.jpg");
border: medium none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
height: 22px;
margin: 2px 0 2px 30px;
padding-bottom: 3px;
width: 150px;
cursor:pointer;
}

#check {
background-image:url(button_bg.jpg);
border:medium none;
border-radius:4px 4px 4px 4px;
color:#FFF;
font-size:11px;
font-weight:bold;
height:21px;
padding-bottom:3px;
width:125px;
margin:0 0 0 -7px;
cursor:pointer;
}

#reset {
background-image:url(button_bg.jpg);
border:medium none;
border-radius:4px 4px 4px 4px;
color:#FFF;
font-size:11px;
font-weight:bold;
height:21px;
padding-bottom:3px;
width:125px;
margin:0 0 0 35px;
cursor:pointer;
}

.align_right {
text-align:right;
padding-right:5px;
}

.align_center {
text-align:center;
height:15px;
}

.top_gap {
padding-top: 3px;
}

.shift_right {
padding-right:0;
padding-left: 13px;
}

.result p {
margin:0;
padding:2px;
height:30px;
}

.result_2 p {
margin:0 0 20px;
padding:2px;
}

#title_bg input {
text-align:center!important;
width:15%;
}

#pannel,#pannel_2 {
background-color: #C1ABD1;
border-radius: 5px 5px 5px 5px;
box-shadow: 3px 3px 6px #3F3F3F;
float: left;
left: 206px;
position: absolute;
top: 324px;
width:488px;
}

.cross,.cross_2 {
width:96%;
border-bottom:3px solid #3d244c;
float:left;
margin-left:2%;
}

.cross a,.cross_2 a {
border:1px solid #3D244C;
float:right;
height:12px;
margin-bottom:1px;
margin-right:4px;
margin-top:4px;
width:12px;
}

.cross img,.cross_2 img {
float:right;
margin-right:1px;
margin-top:1px;
}

.cross span,.cross_2 span {
color:#3D244C;
font-size:11px;
font-weight:bold;
}

.result,.result_2 {
background-color:#FFF;
width:96%;
float:left;
margin:2%;
font-size:11px;
}

#pannel a,#pannel_2 a {
display:block!important;
}

#netindeci1,#netindeci2,#netindeci3,#netindeci4,#subnetdeci1,#subnetdeci2,#subnetdeci3,#subnetdeci4,#netbin1,#netbin2,#netbin3,#netbin4,#subnetbin1,#subnetbin2,#subnetbin3,#subnetbin4{text-align:center;font-family:"Courier New" !important;}