/* vMonitor Inc. Stylesheet */

/* ====================================================================== <<<< Global Definitions */
* {
	margin:0;
	padding:0;
}

img {
	display: block;
	border:0;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:70%;
	background: url(../img/background_sq.gif);
	color:#666;
}

.clear {
	width:100%;
	font-size: 1px;
	line-height: 1px;
	height:1px;
	clear:both;
}

div>.clear {
	height:15px;
}


a {
	color: #069;
}

a:HOVER {
	color:#06f;
}

#wrap {
	margin:0 auto;
	width:808px;
	background: url(../img/background.gif) repeat-y;
}

/* ====================================================================== >>>> Global Definitions */


/* ====================================================================== <<<< Top Menu */
#topmenu {
	background-image: url(../img/topmenuBG.gif);
	height:41px;
	padding:0 0 0 10px;
}
#topmenu ul { float:left;  list-style-type:none; }
#topmenu ul li {
	float:left;
	margin:0px 14px 0 0;
	padding-top: 6px;
}
#topmenu ul li a { display:block; text-indent: -9000px; width:57px; height:35px; text-decoration:none; }

#topmenu #mi1 a { background: url(../img/Mhome.gif) no-repeat; width:57px; }
#topmenu #mi2 a { background: url(../img/Mcprofile.gif) no-repeat; width:118px; }
#topmenu #mi3 a { background: url(../img/MSsolutions.gif) no-repeat; width:134px; }
#topmenu #mi4 a { background: url(../img/MWsolutions.gif) no-repeat; width:134px; }
#topmenu #mi5 a { background: url(../img/Msupport.gif) no-repeat; width:74px; }
#topmenu #mi6 a { background: url(../img/Mcontact.gif) no-repeat; width:74px; }
#topmenu #mi6a a { background: url(../img/Mmailing.gif) no-repeat; width:87px; }
#topmenu #mi7 a { background: url(../img/Mcolophon.gif) no-repeat; width:75px; }

#topmenu #mi1 a:HOVER, #topmenu #mi2 a:HOVER, #topmenu #mi3 a:HOVER, #topmenu #mi4 a:HOVER, #topmenu #mi5 a:HOVER, #topmenu #mi6 a:HOVER, #topmenu #mi6a a:HOVER, #topmenu #mi7 a:HOVER { background-position:0 -35px; }
#topmenu #mi1 a.on, #topmenu #mi2 a.on, #topmenu #mi3 a.on, #topmenu #mi4 a.on, #topmenu #mi5 a.on, #topmenu #mi6 a.on, #topmenu #mi6a a.on, #topmenu #mi7 a.on { background-position:0 -35px;   }

#version3 { float:right; }
/* ====================================================================== >>>> Top Menu */


/* ====================================================================== <<<< Header */
#header { height:86px; background: url(../img/greyshadow.gif) repeat-x; margin-right: 9px; margin-left: 8px; padding: 0px; }
#logo { float:left; width:185px;}
#hometop { float:right; width:248px; }
#logo a { margin:20px 0 0; display:block; text-indent: -9000px; width:180px; height:60px; text-decoration:none; background: url(../img/vMlogo.gif) no-repeat; }
#logo em { font-size:0.9em; font-style: normal; padding:0 0 0 63px; color:#A9ABAE ;}
#backto {
	FLOAT: right; MARGIN: 0px
}
#backto:HOVER { background: #fff; }
.backDesServ { background: #BAE50F; }
.backPort { background: #0066FF; }
/* ====================================================================== >>>> Header */


/* ====================================================================== <<<< center Frame */
#homepanels {
	background: url(../img/homepanelsBG.gif) repeat-x;
	padding:10px 0 50px 13px;
	margin-right: 8px;
	margin-left: 6px;
}
.panelF {
	width:500px;
	float:left;
	margin:0 1px 0 0;
	padding-right: 2px;
}
.panel {
	width:261px;
	float:left;
	margin:0 1px 0 0;
}
.panelBorder { border:2px solid #DCDEDF; }
.panelWBorder {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 2px solid #ffffff;
}
.panelWBorderF {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}
.panelEnd {
	border-top:3px solid #1B66B1;
	background: url(../img/greyshadow.gif) repeat-x;
	padding:5px;
	margin-top: 1px;
}
.panelTab { display:block; text-indent: -9000px; width:253px; height:60px; text-decoration:none; border-bottom:1px solid #fff; }
.panelPic {	display:block; border:2px solid #DCDEDF; margin:0 0 1px 0;}
.panelPic img { border:2px solid #FFF; }
.panelPic:HOVER {	 }

#pan01 { background:  url(../img/tabSensors.jpg) no-repeat; }
#pan02 { background:  url(../img/tabSoftware.jpg) no-repeat; }
#pan03 { background: url(../img/tabHardware.jpg) no-repeat; }
#pan01:HOVER, #pan02:HOVER, #pan03:HOVER  { background-position:0 -60px; }

#homeend {
	padding:10px 10px 10px 13px;
}
#homeendLeft {
	float:left;
	width:507px;
	padding-left: 5px;
}
#homeendLeft p { padding:0 20px 10px 0; line-height:1.4em; }
#homeendLeft ul { padding-left: 30px;}
#homeendLeft ul li { list-style-image: url(../img/bullet.gif); }
#homeendRight { float:left; width:253px; }
#homeendRight ul { margin:0 0 0 5px; list-style:none; }
#homeendRight ul li { background:  url(../img/newDesServ.gif) no-repeat; padding:5px 2px 11px 35px; }
#homeendRight ul li.port { background:  url(../img/newPort.gif) no-repeat; }
#homeendRight ul li a { color: #60646A; text-decoration:none; }
#homeendRight ul li a:HOVER { color: #333; }
/* ====================================================================== >>>> center Frame */


/* ====================================================================== <<<< left menu */

/* ====================================================================== >>>> left menu */


/* ====================================================================== <<<< middle */
#middle { padding:15px 15px 15px 18px; }

h1 {
	font-size:1px;
	margin:0 0 -2px;
	text-indent: -9000px;
	color:#31347A;
	clear: both;
	padding: 0px;
}
h2 { font-size:1.8em; margin:0 0 10px 0; color:#31347A; font-weight:normal;}
h3 { font-size:1.3em;  color:#31347A; }
h4 { font-size:1.1em; color:#666699; }
#Nheading {
	font-size: 1.3em;
	color: #31347A;
	font-weight: bold;
	background-color: #EDF0F8;
}


.style0 {
	color: #000000;
	font-size: 2.5em;
	font-weight: bolder;
}
.style1 {
	color: #E13210;
	font-size: 2.5em;
	font-weight: bolder;
}
.style2 { color: #000000; font-size: 1.8em; font-weight: bold; }
.style3 { color: #E13210; font-size: 1.8em; font-weight: bold; }
.style4 {
	color: #000000;
	font-weight: bold;
}
.style4 a {
	color: #000000;
	font-weight: bold;
}
.style5 {
	color: #E13210;
	font-weight: bold;
}
.style5 a {
	color: #E13210;
	font-weight: bold;
}


#middle h5 { font-size:1.1em; margin:0 0 10px 0; color:#666699; }
#middle h6 { font-size:1em; margin:0 0 10px 0; color:#666699; }

#lColPortfolio { float:left; width:470px; }
#rColPortfolio { float:right; width:240px; margin:50px 0 0 0;}


.screenshot { border:2px solid #DCDEDF; display:block; float:left; } 
.screenshot img { border:2px solid #fff; }
.screenshotEnd { background: url(../img/greyshadow.gif) repeat-x; padding:5px 0; width:442px; clear:both;  }

#rColPortfolio a { text-decoration: none; }

#launch { display:block; text-indent: -9000px; width:240px; height:25px; margin:0 0 20px 0; text-decoration:none;  background: url(../img/launchButton.gif);   }
#launch:HOVER { background-position:0 -25px; }

#contact { display:block; text-indent: -9000px; width:240px; height:25px; margin:0 0 20px 0; text-decoration:none;  background: url(../img/contactButton.gif);   }
#contact:HOVER { background-position:0 -25px; }

#commentBlog { display:block; text-indent: -9000px; width:240px; height:25px; margin:20px 0 0 0; text-decoration:none;  background: url(../img/commentButton.gif);   }
#commentBlog:HOVER { background-position:0 -25px; }

/* Wireless Sensors */
.serviceThumb {
	float:left;
	padding-right: 10px;
	padding-left: 10px;
}
.serviceThumbPic { display:block; border:2px solid #DCDEDF; margin:0 0px 0 0; }
.serviceThumbPic img { border:2px solid #FFF; }
.serviceThumbPic:HOVER { border:2px solid #A9ABAE; }

.serviceText { width:200px; float: left; }
.serviceText2 {
	FLOAT: left;
	WIDTH: 500px;
	position: fixed;
}
.serviceTextLg { width:500px; float: left; }
.serviceTextLg2 { width:500px; float: left; }
.serviceTextLg2 ul { padding: 0px; margin: 0px; }
.serviceTextLg2 ul li {
	list-style-image: url(../img/bullet.gif);
	line-height: 10px;
}
.serviceTextLg2 a { color: #069; text-decoration: none; }
.serviceTextLg2 a:hover { color: #069; text-decoration: underline; }

.serviceThumbEnd { background: url(../img/greyshadow.gif) repeat-x; padding:5px 0; width:202px; }
/* Wireless Sensors */

/* Software */
.portitem { float:left;  width:202px; margin:0 40px 0px 0; }
#middle .portitem p { padding:0 0 5px 0; }
.end { margin:0 0 10px 0; }
.portitemThumbPic { display:block; border:2px solid #DCDEDF; }
.portitemThumbPic img { border:2px solid #FFF; }
.portitemThumbPic:HOVER {	border:2px solid #A9ABAE; }

.portitemText h3 { margin:0; padding:0; }

.portitemThumbEnd { background: url(../img/greyshadow.gif) repeat-x; height:15px; width:202px; margin:0; }
.portclear { height:10px; margin:10px 0; border-top:1px dotted #0066FF; }
/* Software */

#infowrap { position: relative; height:202px; background: url(../img/moreImages.gif) no-repeat 100% 100%; }
.info_more { position: absolute; visibility: hidden; }


#middle p { padding:0 0 15px 0; line-height:1.6em; }
#middle p.portintro { padding:0 0 10px 0; }

#rColPortfolio p { line-height:22px; background: url(../img/dottedBg.gif); padding:0 4px; margin:0 0 20px 0; font-size:0.9em; color:#60646A; }
#rColPortfolio h4 { line-height:22px; background: url(../img/dottedBg.gif); padding:0 4px; margin:0; font-size:1em; color:#60646A; }

#middle #intro { background:#F9F6F6; border:1px solid #DCDEDF; padding:5px 10px;  font-size:1.1em; width:420px; margin:0 0 10px 0; }
#middle #intro em { background:#F9F6F6; color:#333; font-weight: bold; }

#middle acronym, #middle abbr { border-bottom:1px dotted #666699; }
#middle em, #homeend em { font-style: normal; background-color:#FFFF99; color:#333; }

#middle ul { margin:0 0 10px 18px; }
#middle ul li ul { margin:6px 0 14px 18px; }
#middle ul li { margin:0 0 6px 0;  }
#lColPortfolio ul {
	padding-left: 10px;
}
#lColPortfolio ul li { list-style-image: url(../img/bullet.gif); }

#middle ol { margin:0 0 10px 25px; }
#middle ol li { margin:0 0 4px 0; }

#middle ul.numberTabs { margin:0; padding:0; list-style:none;  float:left; }
#lColPortfolio ul.numberTabs li { margin:0; padding:0;  list-style-image: url(../img/trans.gif);   }
#moreImages img { float:left; }
#middle ul.numberTabs li a { display:block; width:21px; height:26px; line-height:26px; text-align:center; text-decoration:none; color:#60646A; background: url(../img/numberTabs.gif) no-repeat 0 -26px;   }
#middle ul.numberTabs li a:hover { background-position: 0 -52px; color:#A9ABAE;  }
#middle ul.numberTabs li a.on { background-position: 0 0;   }
#middle ul.numberTabs li a.on:hover { background-position: 0 0;  color:#A9ABAE;  }

#middle .rhsUl { margin:0; }
#middle .rhsUl li { background:  url(../img/rhsLiBg.gif) no-repeat; list-style:none;  line-height:23px; margin:0; padding:0 4px 0 18px; }
#middle .rhsOl li { background:  url(../img/rhsOlLiBg.gif) no-repeat; line-height:23px; font-size:0.9em; margin:0; padding:0 4px 0 0; }
#middle .DesServUl li { background:  url(../img/rhsDesServLiBg.gif) no-repeat;  }
#middle .PortUl li { background:  url(../img/rhsPortLiBg.gif) no-repeat;  }

#middle dl { margin:0 0 25px 0; }
#middle dt { font-weight: bold; font-size:1.2em; }
#middle dd { margin:0 0 10px 0; }

#middle blockquote { margin:0 0 10px 0; padding:10px 20px; border-left:2px solid #DEDEDE; }

#middle .ext { background: url(../img/ext.gif) no-repeat  0 2px; padding:0 0 0 16px;  }
#middle .ext:HOVER { background-image: url(../img/extR.gif) ; }


/* contact form */
#contactform fieldset {
	margin:0;
	border:0;
	padding:10px;
	background: url(../img/contactBg.gif) no-repeat;
}

#contactform legend {
	padding:0 2px;
	color:#666;
	display:none;
}

#contactform table {
	width:440px;
	margin:0 0 10px 0;
}

#contactform table img {
	background:#A9ABAE;
}

#contactform table caption {
	text-align: left;
	color:#666;
	padding:2px 0;
}

#contactform td {
	vertical-align:top;
	padding:4px 6px;
} 

#contactform td.lbl {
	width:115px;
	padding:6px 6px 4px 6px;
	font-size:1.1em;
}

#contactform td.inp {
	width:320px;
}

#contactform input {
	font-size:0.9em;
}

#contactform input.fill, #contactform textarea.fill { border:1px solid #fff; font: 1.1em "Trebuchet MS", Arial, sans-serif; padding:0 3px;width:298px; background:#fff; color:#666; } 	

#contactform select.fill { padding:0; border:0; font: 1.1em "Trebuchet MS", Arial, sans-serif; width:308px; background:#fff; color:#666; }

#contactform input.fill:focus, #contactform textarea.fill:focus {
	border:1px solid #31347A;
}

#contactform #conformsub {
	margin:0 0 10px 120px;
}

/* contact form */
#middle .button { background: #000 url(../img/buttonBg.gif) repeat-x; color:#fff; border:0; padding:4px 5px 3px;  font-size: 0.78em; }
#middle .buttonsForce input { background: #000 url(../img/buttonBg.gif) repeat-x; color:#fff; border:0; padding:3px 2px 2px; margin:0 1px 2px 0; /*font-size: 0.78em;*/ }

#middle .button:focus { color:#DCDEDF; border:0; padding:5px 5px 2px;  }


#middle .npad { padding:0; }
#middle .padb10 { padding:0 0 10px 0; }
#middle .nmar { padding:0; }
/* ====================================================================== >>>> middle */


/* ====================================================================== <<<< rhs */

/* ====================================================================== >>>> rhs */


/* ====================================================================== <<<< footer */
#footer {
	background: url(../img/footerBg1.gif) repeat-x;
	margin:0px;
	height:84px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#fLeft {	float:left; width: 330px; font-size:0.9em; padding:6px 10px; }
#fLeft p {
	padding:0 0 2px;
}
#fLeft strong { font-size:1.1em;  }
#fRight { float:right; width: 330px; font-size:0.9em; text-align:right; padding:10px;}
#footer a {	color:#60646A; }
#footer a:hover {	color:#000; text-decoration:none; }
/* ====================================================================== >>>> footer */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 { visibility: hidden; font-size: 34px; width:500px;}

.sIFR-hasFlash h1.norm {  }
.sIFR-hasFlash h1.desserv { visibility: hidden; font-size: 34px; }
.sIFR-hasFlash h1.port { visibility: hidden; font-size: 34px; }
.sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 22px; font-weight: bold; margin:0 0 5px 0; }


.sIFR-hasFlash h2.homeAbout { visibility: hidden;  }

.sIFR-hasFlash h2.homeNew { visibility: hidden; letter-spacing: -9px; font-size: 18px; margin:0 0 10px 4px;}

.sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 16px; margin:0 0 5px 0; }

.sIFR-hasFlash #rColPortfolio h2 {  font-size:12px; color:#FF0F3F; margin:0; width:200px ;}

/* Harware */
.ifl { float:left; margin:0 10px 10px 0; }
.meta { padding:5px 10px; background:#FFFF99; margin:10px 0; }
.post {	margin:0 0 40px 0; }

#search { margin:0 0 20px 0; }
#search label {	display:none; }
.hide {	display:none; }
#middle .rhsUlBlog li {	margin:0; padding:0; list-style:none; }
#middle .rhsUlBlog ul {	margin:0; padding:0; list-style:none; }
#middle .rhsUlBlog li ul li { background:  url(../img/rhsLiBg.gif) no-repeat; list-style:none;  line-height:23px; margin:0; padding:0 4px 0 18px; }

#middle .rhsUlBlog h2 { width:200px; margin:5px 0 0 -15px; }
#sbut { font-size:0.9em; }

#middle #commentlist ol { margin:10px 0 0 40px;  }
#middle #commentlist ol li {	margin:0; padding:0 0 0 10px; vertical-align:top; font-size:2em; color:#A9ABAE; }
#commentlist .highlighted {	background: url(../img/commentBgHigh.gif) no-repeat; }

div>#middle .storycontent a img { border:2px solid #fff; }
div>#middle .storycontent a:HOVER img { border:2px solid #FF0F3F; }
hr {
  color: #DCDEDF;
  border: 0;
  height: 1px;
}
.baseline1 {
	width: 210px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 22px;
	float: left;
	background-color: #F3F5EA;
}

.baseline1 img {
	border: 3px solid #8FA31E;
}
.baseline2 {
	width: 210px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 22px;
	float: right;
	background-color: #F3F5EA;
	margin-right: 10px;
}
.baseline2 img {
	border: 3px solid #8FA31E;
}
#leftcontent {
	float:left;
	width:50%;
	padding-left: 15px;
	}

#rightcontent {
	padding-left: 5px;
	}
.test {
	padding-right: 5px;
	position: absolute;
}

.dot {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D2D4D5;
}
/* ====================================================================== <<<< Addons */

.fullcol {
	CLEAR: both; BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}

.news {
	
}
.news LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2.1em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.5em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.news LI A {
	COLOR: #6699cc
}
.news LI A:hover {
	COLOR: #99ca3c
}
.news H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-SIZE:1.6em; BACKGROUND: #E7EAF3; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; COLOR: #31347A; PADDING-TOP: 2px
}
.news H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-SIZE: 10px; BACKGROUND: #E7EAF3 no-repeat left top; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; COLOR: #31347A; PADDING-TOP: 2px
}
.news P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #92979c; LINE-HEIGHT: 14px; PADDING-TOP: 0px
}
.news DIV.border {
	MARGIN: 0px 0px 15px;
	padding: 5px;
	border: 1px solid #E2E6F1;
}

.heading H1 {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(../img/Bullet2.png) no-repeat left top; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid
}

.style6 { color: #F76504; font-weight: bold; }
.style7 { color: #1B66B1; font-weight: bold; }

.btColumn {
	border: 10px solid #eeeeee;
	margin-right: 15px;
	float: left;
}
/*.btColumn img {
	border:2px solid #FFF;
	text-align: left;
}*/
.FrontThumb {
	float:left;
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.btColumn3 {
	width:320px;
	float: left;
	margin-left: -5px;
	padding-top: 5px;
}

 
/* ====================================================================== <<<< Addons */
#green {
	background-color: #0000FF;
	display: block;
	float: none;
}