*{margin:0 auto; padding:0px;}

html{width:100%;}

body{background:#cfcfcf; width:100%; font-family:Arial, Helvetica, sans-serif; color:#707070; font-size:12px;}

#wrapper{width:100%; min-width:955px; border:0px solid blue; background:url(/site/i/bg.jpg) top center repeat-y; position:relative; margin:0 auto;}
#container{width:924px; margin:0 auto; padding:0 15px; _padding:0px 0px 0px 15px; border:0px solid red;  background:#fff;}
#bottom{background:url(/site/i/content_bottom_bg.jpg) top center no-repeat; padding:0px 0px; width:100%; min-width:955px; height:31px;}

#header{text-align:center; border-bottom:9px solid #003665; position:relative;}
#header ul#utilityNav{float:right; margin-top:8px;}
#header ul#utilityNav li{float:left; font-size:11px; list-style:none; color:#466c90;}

#header ul#utilityNav li.last:after{content:none;}
#header ul#utilityNav a{color:#466c90; text-decoration:none; padding:0px 2px;  vertical-align:middle;}
#header ul#utilityNav a:hover{color:#0d192e;}
#header .logo{float:left; margin-top:12px; margin-bottom:-15px;}


#header form{float:right; margin-left:15px;}
#header form fieldset{display:inline; border:none; margin-top:-3px;}
#header form input[type="submit"]{background:url(/site/i/go_button.jpg) top left no-repeat; width:45px; vertical-align:middle; height:22px; border:none; margin-top:-2px; cursor:pointer;}
#header form input:hover[type="submit"]{background:url(/site/i/go_button_over.jpg) top left no-repeat;}
#header form input.textbox{background:url(/site/i/search_box.jpg) top left no-repeat; height:14px; border:none; padding:4px 5px; width:140px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9f9f9f;}

ul#nav{margin:0 auto; height:26px; clear:none; width:500px;}
ul#nav li{display:inline-block; margin:0px 0px 0px 0px; height:26px; border:0px solid red; vertical-align:middle; background:url(/site/i/nav_bg.jpg) repeat-x; }
ul#nav li a{text-decoration:none; height:100%; width:100%; padding:2px 12px 10px 12px;  line-height:28px; vertical-align:middle; font-family:Arial; font-size:12px; font-weight:bold; color:#01356e;}
ul#nav li:before{content:url(/site/i/nav_tl.jpg);}
ul#nav li:after{content:url(/site/i/nav_tr.jpg);}

ul#nav li.active,
ul#nav li:hover{background:url(/site/i/nav_bg_active.jpg) repeat-x;}
ul#nav li.active a,
ul#nav li:hover a{color:#ffd000;}


ul#nav li.active:before,
ul#nav li:hover:before{content:url(/site/i/nav_tl_active.jpg);}
ul#nav li.active:after,
ul#nav li:hover:after{content:url(/site/i/nav_tr_active.jpg);}
ul#nav li img{display:none;}
#header h2.phone{font-family:Helvetica; font-size:18px; position:absolute; right:0; bottom:0; color:#013567; letter-spacing:0.02cm; margin-bottom:0px; margin-top:0px;}
#header h2.phone img{margin-right:5px; vertical-align:middle;}

#header hr{height:9px; border:none; background:#003665; width:100%; display:none;}

#banner{float:left; margin-top:0px; margin-bottom:25px; width:725px;}

#wrapper.products #banner{margin:0 auto;  margin-top:20px; height:106px;}
#wrapper.demos #banner{margin:0 auto;  margin-top:20px; height:106px;}
#wrapper.clients #banner{margin:0 auto;  margin-top:20px; height:106px;}
#wrapper.buy #banner{margin:0 auto;  margin-top:20px; height:106px;}
#wrapper.contact #banner{margin:0 auto;  margin-top:20px; height:106px;}
#wrapper.support #banner{margin:0 auto;  margin-top:20px; height:106px;}
#wrapper.orders #banner{margin:0 auto;  margin-top:20px; height:106px;}

#content{}
#panelContainer{width:100%; margin-bottom:10px;}

#panelContainer .wrap{width:290px; float:left; height:435px; margin:0px 15px 0px 0px; position:relative;}
#panelContainer .wrap + .wrap {margin:0px 9px 0px 9px;}
#panelContainer .wrap + .wrap + .wrap{margin:0px 0px 0px 18px;}
#panelContainer .wrap .panel p.copy{line-height:20px;}
#panelContainer .wrap .panel img{float:right;}
#panelContainer .wrap .panel {width:250px; height:100%; padding:0px 20px; background:url(/site/i/panel_bg.jpg) top left repeat-x;}
#panelContainer h1.head{font-family:Helvetica; font-size:20px; margin-bottom:10px; color:#284f78; text-align:left; text-transform:uppercase;}
#panelContainer p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#707070; font-weight:normal; line-height:11px;}
#panelContainer .panel .more{border:1px solid #b6b8b5; cursor:pointer; background:#fff; padding:3px 1px 2px 1px; position:absolute; bottom:35px; right:15px;}
#panelContainer .panel .more small{font-size:9px; padding:2px 2px 1px 2px; color:#1f3564; background:#ffd000; border:0px solid #fff; }
#panelContainer .panel .more:hover small{font-size:9px; padding:2px; color:#fff; background:#1f3564; border:0px solid #fff; }
#panelContainer .panel ul{ border-bottom:1px dotted #707070;}
#panelContainer .panel ul li{list-style:url(/site/i/arrow_icon.jpg);  color:#707070; margin:0px 0px 8px 22px; font-weight:bold; font-size:12px; line-height:13px;}
#panelContainer .panel ul li span.listtext{ margin:-0px 0px 0px 0px; vertical-align:top;}
#panelContainer .panel hr{background:none; height:1px; border:1px dotted #707070;}

/* added for newsletter section */
.panel_newsletter_top {
    width: 177px;
    background-image: url(/site/i/newsletters/panel_top.jpg);
    background-repeat: no-repeat;
}
.panel_newsletter {
    width: 177px;
    background-image: url(/site/i/newsletters/panel_middle.jpg);
    background-repeat: repeat-y;
}
.panel_newsletter_bottom {
    width: 177px;
    height: 16px;
    background-image: url(/site/i/newsletters/panel_bottom.jpg);
    background-repeat: no-repeat;
}
.panel_newsletter_interior {
    padding: 9px;
    font-size: 11px;
    color: #666666;
}
.panel_newsletter_interior H2 {
    color: #2C6187;
    font-size: 18px;
}
.panel_newsletter_interior H3 {
    color: #000000;
    font-size: 11px;
}
.newsletter_two_column {
    margin: 10px 0px 10px 0px;
    background-image: url(/site/i/newsletters/background_2_column.jpg);
    background-repeat: repeat-y;
}
.newsletter_left_column {
    float: left;
    width: 207px;
    padding: 0px 10px 10px 0px;
}
.newsletter_right_column {
    float: right;
    width: 275px;
    padding: 0px 0px 10px 10px;
}
.newsletter_content H5 {
    color: #2C6187;
    font-size: 20px;
}
.newsletter_content H6 {
    color: #2C6187;
    font-size: 15px;
}
.yellow_block {
    float: left;
    width: 12px;
    height: 12px;
    background-color: #FDCC0E;
    margin: 5px 10px 0px 0px;
}
.tech_tip_top {
    height: 64px;
    width: 207px;
    background-image: url(/site/i/newsletters/tech_tip_top.jpg);
}
.tech_tip_middle {
    width: 187px;
    padding: 5px 5px 0px 15px;
    background-color: #F7C316;
    color: #333333;
}
.tech_tip_bottom {
    height: 12px;
    width: 207px;
    background-image: url(/site/i/newsletters/tech_tip_bottom.jpg);
}
.newsletter_headline {
    float: left;
    width: 180px;
}

/* end of newsletter section */

#banner span.interior object
#banner span.interior embed,{float:right;}

#right .ad{margin-bottom:0px;}

#left{width:188px; margin-top:20px; float:left; clear:left;}

#right{width:188px; float:right; margin-top:-105px; margin-right:1px;}

#left .wrap{width:178px; padding:0px 10px 0px 0px; height:365px;}
#left .wrap .panel{background:url(/site/i/panel_bg.jpg) top left repeat-x; padding:0px 10px; height:100%;}
#left .wrap .top{background:url(/site/i/panel_top_bg.jpg) top left repeat-x; height:16px; display:block;}
#left .wrap .panel a h1.head{font-family:Helvetica; font-size:20px; color:#656565; text-align:left; margin-bottom:8px; border:none;}
#left .wrap .panel a:hover h1.head{color:#274d74; text-decoration:none;}
#left .wrap .panel ul{ border-top:1px dotted #707070; list-style:none; padding:5px 0px; font-size:12px; font-weight:bold; line-height:18px; }
#left .wrap .panel ul a{color:#707070; text-decoration:none; border:none;}
#left .wrap .panel ul a:active{border:none;}
#left .wrap .panel ul a:hover{color:#274d74;}
#left .wrap .panel ul .items li{display:none;}

#left .wrap .panel ul li{font-weight:normal; margin-left:15px; text-align:left; vertical-align:top;}
#left .wrap .panel ul li a{}
#left .wrap .panel ul li a{color:#707070; margin-left:-3px; text-decoration:none; vertical-align:middle; font-size:12px; line-height:14px; margin-bottom:7px; padding-top:2px;}

#left .wrap .panel ul li.active,
#left .wrap .panel ul li.active a,
#left .wrap .panel ul li a:hover,
#left .wrap .panel ul li:hover,
#left .wrap .panel ul li:hover a{list-style:url(/site/i/list_square.gif); color:#274d74;}



#center{padding:20px 10px; border:0px solid red; float:left; width:520px;}
#content #center .breadcrumb a{font-size:12px; color:#707070; text-decoration:none; margin-bottom:20px; margin-top:-10px;}
#center h1{color:#274d74; font-family:Arial; font-size:30px; font-weight:normal;}
#center h1 span.util{font-size:12px; padding-top:5px;}
#center h1 span.util a{font-size:12px; text-decoration:none; color:#274d74; font-weight:normal; }

/* brm */
#center a{color:#466c90; text-decoration:none; font-weight:bold; }
#center a:hover{color:#274d74;}

.error { color: #FF0000; font-size: 10px }

.mainpage a{color:#466c90; text-decoration:none; font-weight:bold; }
.mainpage a:hover{color:#274d74;}
/* brm */

#center p{color:#707070; font-size:12px; margin:7px 0px;}
#center h2{font-size:17px; color:#325e87;}
#center ul{font-weight:bold; margin-left:10px; padding:15px; font-size:12px; color:#707070;}
#center ul li{margin-bottom:5px; line-height:15px;}

/* brm */
#center-wide {padding:20px 10px; border:0px solid red; float:left; width:700px;}
#center-wide h1{color:#274d74; font-family:Arial; font-size:30px; font-weight:normal;}
#center-wide h1 span.util{font-size:12px; padding-top:5px;}
#center-wide h1 span.util a{font-size:12px; text-decoration:none; color:#274d74; font-weight:normal; }
#center-wide a{color:#466c90; text-decoration:none; font-weight:bold; }
#center-wide a:hover{color:#274d74;}
#center-wide p{color:#707070; font-size:12px; margin:7px 0px;}
#center-wide h2{font-size:17px; color:#325e87;}
#center-wide ul{font-weight:bold; margin-left:10px; padding:15px; font-size:12px; color:#707070;}
#center-wide ul li{margin-bottom:5px; line-height:15px;}
/* brm */

#footer{border-top:11px solid #dfdfdf; background:#fff; padding:10px 0px 30px 0px;}
#footer p{display:inline; color:#a9a9a9; font-size:11px;}
#footer p.copyright{float:left;}
#footer span.footerNav{float:right;}
#footer span.footerNav a{display:inline; color:#a9a9a9; margin:0px 2px;}
#footer span.footerNav a:hover{color:#466c90;}

.bold{font-weight:bold;}
.clear{clear:both;}
.invisible{display:none;}

ul.subNav a.active,
ul.subNav a.active:hover{color:#274d74;}


            p.demos-body {color:#808080;font-size:12px;width:545px;margin-bottom:10px;line-height: 150%;}
            .take-the-tour-btn {vertical-align:middle;}
            p.demos-types-header {font-size: 11px;color:#013567;width:545px;text-align: center;margin-bottom: 5px;}
            div#demos-types {width:524px;}
            .demo-entry {width:500px;height:130px;padding:15px 0px 0px 18px;}
            .demo-entry h2 {color:#1c3666;font-size:14px;margin-bottom: 5px;}
            .demo-entry p {font-size:11px;color:#808080;height:65px;width:310px;line-height: 150%;}
            .demo-screenshot {margin-right: 10px;border:0;}
            .demo-std-btn {margin-right: 5px;border:0;}
            .demo-pro-btn {border:0;}
            .demo-odd {background-color: #efeded;}
            .demo-even {background-color: #fff;}

.overlay { padding:40px; width:640px; display:none; background-image:url(http://oxblue.com/site/video/white.png); }
.close { background:url(http://oxblue.com/site/video/close.png) no-repeat; position:absolute; top:2px; right:5px; 
        display:block; width:35px; height:35px; cursor:pointer; }
#player { height:385px; display:block; }

.alg_paneltwo ul li{list-style:url(/site/i/arrow_icon.jpg);  color:#707070; margin:0px 0px 8px 22px; font-weight:bold; font-size:12px; line-height:13px;}
.alg_paneltwo ul li span.listtext{ margin:-0px 0px 0px 0px; vertical-align:top;}

/********** hacks *********/

html body ul#nav li a{vertical-align:top;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	ul#nav li a{vertical-align:middle; line-height:30px;}
	#header form input[type="submit"]{margin-top:-4px;}
	#right{margin-top:-105px;}

}
.ie6{display:none; _display:inline; _vertical-align:top;}
.noie{_display:none;}

.tech_specs_blue {
    background-color: #11487E; border-radius: 8px; width: 234px; padding: 10px; color: #FFFFFF; margin: 0px; font-size: 11px; line-height: 18px;
}
.tech_specs_left {
    color: #faba24; float: left; width: 74px; padding-right: 8px;
}
.tech_specs_right {
    float: left; width: 144px;
}
.tech_specs_solar_left {
    float: left; width: 100px; padding-right: 8px;
}
.tech_specs_solar_left span{
    color: #faba24;
}
.tech_specs_solar_right {
    float: left; width: 120px;
}
.tech_specs_white_line {
    height: 1px; margin: 10px 0px 10px 0px; background-color: #FFFFFF;
}
ul.tech {
list-style: disc url(/site/i/tech_specs_yellow_bullet.jpg);
margin: 0px;
padding-left: 0px;
line-height: 16px;
}
.tech_tip_top_sm {
	height: 57px;
	width: 207px;
	background-image: url(/site/i/newsletters/tech_tip_top_sm.jpg);
	background-repeat: no-repeat;
}
.tech_tip_middle_sm {
	width: 158px;
	padding: 5px 5px 0px 15px;
	background-color: #F7C316; 
	color: #333333;
}
.tech_tip_bottom_sm {
	height: 12px;
	width: 207px;
	background-image: url(/site/i/newsletters/tech_tip_bottom_sm.jpg);
	background-repeat: no-repeat;
}

.blue { color: #00467F; }

.newsletter_content H4 {
	color: #2C6187;
	font-size: 26px;
	margin-bottom: 18px;
}



