html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body {
   font-family: calibri,arial,helvetica,clean,sans-serif;
   text-align: left;
   font-size: 15px;
}
a {
   color: #00539B;
   text-decoration: none;
}
a:visited {
   color: #00539B;
   text-decoration: none;
}
a:hover {
   color: orange;
   text-decoration: none;
}
a.white {
   color: white;
   text-decoration: none;
}
a.white:visited {
   color: white;
   text-decoration: none;
}
a.white:hover {
   color: orange;
   text-decoration: none;
}
.link {
   color: #00539B;
   cursor: pointer;
}
.link:hover {
   color: orange;
}
html {
    height: 100%;
}
body {
    background-color: #305070;
    padding: 0;
    margin: 0;
    height: 100%;
}

.serif_font {
    font-family: Calisto, Georgia, Times, serif;
    font-size: 15px;
}

#frame {
    position: relative;
    background-image: url(images/logo_bg_plain_cropped.png);
    background-repeat: no-repeat;
    background-position: 0px 300px;
    min-height: 100%;
}

#frame_left {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 400px;
    background-image: url(images/grad_lr_400.png);
    background-repeat: repeat-y;
    background-position: top left;
}

#frame_right {
   position: absolute;
   top: 0px;
   right: 0px;
   height: 100%;
   width: 400px;
    background-image: url(images/grad_rl_400.png);
    background-repeat: repeat-y;
    background-position: top right;
}


#header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 90px;
    border-bottom: 2px solid black;
    background-color: #FFFFFF;
    position: relative;
    z-index: 4;
}
#content_outer {
   width: 100%;
   position: relative;
   z-index: 3;
}

#content {
   margin-top: 20px;
    width: 950px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
#header_box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 950px;
    height: 90px;
    padding-top: 10px;
    z-index: 100;
}
#footer {
   margin-top: 10px;
   padding-bottom: 10px;
    width: 100%;
}
#footer_content {
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    text-align: center;
    font-size: 11px;
}

#services_outer {
   position: relative;
}
#services_popup {
   position: absolute;
   top: 20px;
   left: -200px;
   background-color: #FFFFFF;
   padding: 10px;
/*   border: 7px solid #172045; */
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius: 12px;
   font-weight: normal;
   font-size: 12px;
   z-index: 9999;
     -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
          box-shadow: 2px 2px 10px #000000; 
}
.service_outer {
   padding: 5px;
   margin-bottom: 10px;
   border: 2px solid #FFFFFF;
}
.service_outer:hover {
   border: 2px solid orange;
}

.service_headers  h1{
	font-weight: bold;
	color: #05316D;
	font-size: 25px;
}

.service_subtext {
   padding-left: 10px;
   color: #000000;
}
.drop_shadow_b {
   position: absolute;
   width: 100%;
   left: 2px;
   background-image: url(images/shadow_b.png);
   background-position: 0px 0px;
   background-repeat: repeat;
   bottom: -10px;
   height: 8px;
}
.drop_shadow_b_only {
   position: absolute;
   width: 100%;
   left: 0px;
   background-image: url(images/shadow_b.png);
   background-position: 0px 0px;
   background-repeat: repeat;
   bottom: -10px;
   height: 8px;
}

.drop_shadow_r {
   position: absolute;
   height: 100%;
   top: 2px;
   background-image: url(images/shadow_r.png);
   background-position: 2px 0px;
   background-repeat: repeat;
   right: -8px;
   width: 8px;
}
.drop_shadow_r_full {
   position: absolute;
   height: 100%;
   background-image: url(/files/images/shadow_r.png);
   background-repeat: repeat;
   width: 8px;
   right: -10px;
   background-position: 0px 0px;
   top: 0px;
}

.drop_shadow_bl {
   position: absolute;
   height: 8px;
   width: 4px;
   background-image: url(images/shadow_bl.png);
   background-position: 0px 0px;
   bottom: -10px;
   left: -2px;
}
.drop_shadow_br {
   position: absolute;
   height: 8px;
   width: 8px;
   background-image: url(images/shadow_br.png);
   background-position: 2px 0px;
   bottom: -10px;
   right: -8px;
}
.drop_shadow_tr {
   position: absolute;
   height: 4px;
   width: 8px;
   background-image: url(images/shadow_tr.png);
   background-position: 2px 0px;
   top: -2px;
   right: -8px;
}
.drop_shadow_l_short {
   position: absolute;
   height: 100%;
   top: 2px;
   background-image: url(images/shadow_l_short.png);
   background-position: 2px 0px;
   background-repeat: repeat;
   left: -4px;
   width: 4px;
}

.white_top {
   position: absolute;
   width: 100%;
   top: 0px;
   left: 0px;
   height: 10px;
    background-image: url(images/grad_tb_10_white.png);
    background-position: top left;
    background-repeat: repeat-x;
}
.white_left {
   position: absolute;
   height: 100%;
   top: 0px;
   left: 0px;
   width: 10px;
    background-image: url(images/grad_lr_10_white.png);
    background-position: top left;
    background-repeat: repeat-y;
}
.black_right {
   position: absolute;
   height: 100%;
   top: 0px;
   right: 0px;
   width: 10px;
    background-image: url(images/grad_rl_15.png);
    background-position: top right;
    background-repeat: repeat-y;
}
.black_bottom {
   position: absolute;
   width: 100%;
   bottom: 0px;
   left: 0px;
   height: 20px;
    background-image: url(images/grad_bt_10.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.title_bar_top {
   background-image: url(images/grad_tb_10_white.png);
   background-repeat: repeat-x;
   background-position: top left;
   width: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 10px;
}
.title_bar_left {
   background-image: url(images/grad_lr_10_white.png);
   background-repeat: repeat-y;
   background-position: top left;
   width: 10px;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
}
.title_bar_right {
   background-image: url(images/grad_rl_15.png);
   background-repeat: repeat-y;
   background-position: top right;
   width: 10px;
   position: absolute;
   top: 0px;
   right: 0px;
   height: 100%;
}


.medium_button {
   font-size: 16px;
   color: #00539B;
   font-weight: bold;
   padding: 1px 4px 1px 4px;
   tabindex: 0;
   text-align: center;
   background-image: url(images/grad_bt_15.png);
   background-repeat: repeat-x;
   background-position: bottom left;
   position: relative;
   border: 1px solid black;
}
.medium_button:hover {
   background-color: orange !important;
   color: black !important;
   cursor: pointer;
   text-decoration: none;
}
.medium_button:focus {
   background-color: orange !important;
   color: black !important;
   text-decoration: none;
}
h3 {
   font-weight: bold;
   font-size: 17px;
   padding-top: 15px;
}
p {
   font-weight: normal;
   margin-bottom: 10px;
}
ul {
   padding-top: 3px;
   padding-left: 15px;
   padding-bottom: 3px;
   margin-left: 15px;
}
ol {
   padding-top: 3px;
   padding-left: 15px;
   padding-bottom: 3px;
   margin-left: 15px;
}
li {
   margin-bottom: 3px;
}
.heading {
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 10px;
}
#header_nav {
    position: absolute;
    bottom: 16px;
    right: 0px;
    font-weight: bold;
    font-size: 17px;
}
#header_nav_alt {
    position: absolute;
    bottom: 15px;
    right: 200px;
    font-weight: bold;
    font-size: 17px;
}

#customer_login {
    position: absolute;
    top: 10px;
    right: 0px;
    font-weight: bold;
    background-color: #305070;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}

#ideal_logic_logo_box {
   position: absolute;
   bottom: 15px;
   right: 0px;
}

#search_box {
   position: absolute;
   top: 10px;
   right: 130px;
   z-index: 100;
}

.inactive_search {
   color: #C0C0C0;
}
.active_search {
   color: #000000;
}
em {
   font-weight: bold;
   color: black;
}

.htab_selected, .htab {
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    position: relative;
    font-weight: bold;
    font-size: 23px;
    margin: 0px 5px 0px 5px;
    padding: 5px 10px 10px 10px;
    height: 40px;
    text-align: center;
}
.htab_selected {
    background-color: #FFFFFF;
    z-index: 99;
    top: 2px;
}
.htab {
    background-color: #E0E0E0;
    background-image: url(images/grad_bt_10.3.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}
.htab:hover {
    background-color: orange !important;
    color: black !important;
    cursor: pointer;
}
.htab_subtitle {
   font-weight: normal;
   font-size: 12px;
}

.vtab_selected, .vtab {
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    position: relative;
    font-weight: bold;
    font-size: 23px;
    margin: 5px 0px 5px 0px;
    padding: 8px 5px 8px 8px;
    line-height: 100%;
}
.vtab_selected {
    background-color: #FFFFFF;
    z-index: 99;
    left: 2px;
}
.vtab {
    background-color: #E0E0E0;
    background-image: url(images/grad_rl_15.png);
    background-repeat: repeat-y;
    background-position: top right;
}
.vtab:hover {
    background-color: orange !important;
    color: black !important;
    cursor: pointer;
}
.vtab_subtitle {
   font-weight: normal;
   font-size: 12px;
}


#nav_box {
    position: absolute;
    border: 2px solid black;
    width: 160px;
    background-color: #80C0FF;
    padding: 5px;
    text-align: right;
}
#nav_box_content {
    background-color: #FFFFFF;
    padding: 10px;
}
.nav_item {
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0px 10px 0px;
}
.nav_item_subtitle {
   font-size: 13px;
   font-weight: normal;
}
.divider {
    height: 1px;
    width: 100%;
    background-color: #808080;
}
#body_box {
    position: relative;
    border: 2px solid black;
    top: 0px;
    left: 190px;
    width: 760px;
    background-color: #80C0FF;
    padding: 5px;
    font-size: 15px;
}
#body_box_content {
    background-color: #FFFFFF;
    padding: 10px;
}


.awesome_box {
   position: relative;
    border: 2px solid black;
    width: 950px;
    margin-top: 30px;
    padding: 0px;
}
.awesome_box_transparent {
   position: absolute;
   background-color: #000000;
   opacity: .6;
    height: 100%;
    width: 100%;
    padding: 0px;
}
.awesome_box_inner {
    position: relative;
    padding: 20px;

}

.awesome_box_popout_right {
   position: absolute;
   top: 20px;
   padding: 10px 20px 10px 20px;
}

.awesome_box_popout_right_transparent {
   position: absolute;
   background-color: #000000;
   opacity: .6;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
   -moz-border-radius-topright: 18px;
   -webkit-border-top-right-radius: 18px;
   border-top-right-radius: 18px;
   -moz-border-radius-bottomright: 18px;
   -webkit-border-bottom-right-radius: 18px;
   border-bottom-right-radius: 18px;
}

.awesome_box_popout_inner {
   position: relative;
   opacity: 1;
   color: #FFFFFF;
   font-size: 17px;
}

.awesome_flat_box {
   position: relative;
    width: 950px;
    margin-top: 30px;
    padding: 0px;
}
.awesome_flat_box_transparent {
   position: absolute;
   background-color: #000000;
   border: 2px solid #000000;
   opacity: .6;
    height: 100%;
    width: 100%;
    padding: 0px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
.awesome_flat_box_inner {
    position: relative;
    padding: 20px;

}

.awesome_popout_button {
   margin: 10px 0px 10px 0px;
   padding: 5px;
}
.awesome_popout_button:hover {
   cursor: pointer;
   background-color: orange;
}

.awesome_box_inner>h3 {
   color: #FFFFFF;
}
.awesome_box_inner>p {
   color: #FFFFFF;
}
.awesome_box_inner_small {
    position: relative;
    padding: 10px 10px 20px 20px;

}
.awesome_box_small {
   position: relative;
    border: 2px solid black;
    width: 450px;
    margin-top: 30px;
}
.awesome_box_transparent_small {
   position: absolute;
   background-color: #000000;
   opacity: .6;
    height: 100%;
    width: 100%;
    padding: 0px;
}
.awesome_box_inner_small {
    position: relative;
    padding: 20px;

}
.awesome_box_inner_small>h3 {
   color: #FFFFFF;
}
.awesome_box_inner_small>p {
   color: #FFFFFF;
}


.awesome_box_scrolling_outer {
   border: 2px solid black;
   position: relative;
   margin: 0px 10px 0px 10px;
   background-color: #FFFFFF;
}
.awesome_box_scrolling {
   overflow: auto;
   position: relative;
}

.awesome_box_scrolling_content {
   padding: 20px 20px 20px 20px;
   position: relative;
}

.awesome_box_content {
   border: 2px solid black;
   padding: 20px 20px 20px 20px;
   position: relative;
   margin: 0px 10px 0px 10px;
   background-color: #FFFFFF;
}
.awesome_tabs {
   margin-left: 20px;
   position: relative;
}
.awesome_vtabs {
   margin-left: 0px;
   margin-top: 20px;
   position: relative;
}
table.awesome_header {
   margin-bottom: 10px;
}

h1.awesome_header {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0;
}
h3.awesome_header {
    color: #FFFFFF;
    font-size: 21px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0;
    line-height: 100%;
}

table.awesome_header_small {
   margin-bottom: 5px;
}

h1.awesome_header_small {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
    margin-left: 5px;
    line-height: 100%;
    padding: 0;
}
h3.awesome_header_small {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0;
    line-height: 100%;
}

table.awesome {
   border-collapse: separate;
   border-spacing: 10px;
}
table.awesome td {
   background-color: #FFFFFF;
}

.button_outer {
   position: relative;
   background-color: #FFFFA0;
   display: inline-block;
   padding: 5px 15px 5px 15px;
   cursor: pointer;
   margin-left: auto;
   margin-right: auto;
   border: 2px solid #172045;
}

.button_outer:hover {
   background-color: orange !important;
}

.button_outer_rounded {
   position: relative;
   background-color: #FFFFA0;
   display: inline-block;
   padding: 5px 15px 5px 15px;
   cursor: pointer;
   margin-left: auto;
   margin-right: auto;
   border: 2px solid #172045;
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius: 12px;
}

.button_outer_rounded:hover {
   background-color: orange !important;
}

.button_inner {
   position: relative;
   z-index: 3;
   font-weight: bold;
   font-size: 20px;
   line-height: 100%;
   text-align: center;
}
.button_subtitle {
   font-size: 13px;
   line-height: 120%;
}

div.popup_wrapper {
   position: relative;
}

div.popup {
   border: 1px solid black;
   background-color: #FFFFC0;
   padding: 10px;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 9999;
}
div.popup a {
   color: #800000;
   font-weight: bold;
   display: block;
   text-align: right;
   font-size: 18px;

}


#browser {
   width: 950px;
   overflow: auto;
   margin-bottom: 20px;
}

div.screenshot_browse {
   position: relative;
   padding: 5px;
   cursor: pointer;
   border: 2px solid transparent;
}
div.screenshot_browse:hover {
   border: 2px solid orange !important;
}

div.screenshot_browse_tight {
   position: relative;
   padding: 0px;
   cursor: pointer;
   border: 2px solid transparent;
}
div.screenshot_browse_tight:hover {
   border: 2px solid orange !important;
}
.screenshot_caption {
   border: 1px solid black;
   background-color: #FFFF80;
   padding: 5px 10px 8px 10px;
   position: absolute;
   bottom: 2px;
   right: 2px;
}
.screenshot_caption_header {
   font-weight: bold;
   font-size: 22px;
}
.screenshot_caption_tag {
   font-size: 13px;
}

#gray_out {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   opacity: .95;
   background-color: #202020;
   z-index: 998;
}

.overlay_box {
   position: absolute;
   font-size: 15px;
   width: 950px;
   z-index: 999;
   margin-left: auto;
   margin-right: auto;
}
.overlay_box_inner {
   position: relative;
   margin-left: auto;
   margin-right: auto;
}
.overlay_box_gray_out {
   position: absolute;
   background-color: #000000;
   opacity: .5;
   width: 100%;
   height: 100%;
}
.overlay_title_box {
   position: relative;
   color: #FFFFFF;
}
.overlay_image {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   text-align: center;
}
.overlay_title_box h1 {
   font-size: 36px;
   font-weight: bold;
}
.overlay_title_box p {
   font-size: 15px;
}
.overlay_header {
   position: relative;
   border: 2px solid black;
   padding: 15px 15px 20px 15px;
   background-color: #ffffff;
   text-align: left;
   margin-bottom: 20px;
   -moz-border-radius: 18px;
   -webkit-border-radius: 18px;
   border-radius: 18px;
}

.overlay_body {
   position: absolute;
   border: 2px solid black;
   padding: 15px 15px 20px 15px;
   background-color: #ffff80;
   width: 500px;
   text-align: left;
   right: 20px;
}
.close_button, .next_overlay_button, .previous_overlay_button {
   padding: 0px 10px 4px 10px;
   border: 1px solid black;
   background-image: url(../images/grad_bt_15.png);
   background-position: bottom left;
   background-repeat: repeat-x;
   color: #FFFFFF;
   font-size: 20px;
   font-weight: bold;
   cursor: pointer;
   position: relative;
   z-index: 1000;
   margin: 2px;
   -moz-border-radius: 18px;
   -webkit-border-radius: 18px;
   border-radius: 18px;
}
.close_button:hover, .next_overlay_button:hover, .previous_overlay_button:hover {
   background-color: orange !important;
   color: #000000 !important;
}
.close_button {
   background-color: #800000;
}
.next_overlay_button, .previous_overlay_button {
   background-color: #0079c1;
}

.overlay_button_subtitle {
   font-size: 11px;
   font-weight: normal;
}


.overlay_switch_button {
   padding: 0px 10px 4px 10px;
   background-color: #800000;
   border: 1px solid black;
   background-image: url(../images/grad_bt_15.png);
   background-position: bottom left;
   background-repeat: repeat-x;
   color: #FFFFFF;
   font-size: 24px;
   font-weight: bold;
   cursor: pointer;
   position: relative;
}
.overlay_switch_button:hover {
   background-color: orange !important;
   color: #0000 !important;
}
.overlay_switch_button_top {
   position: absolute;
   width: 100%;
   top: 0px;
   left: 0px;
   height: 10px;
    background-image: url(../images/grad_tb_10_white.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.ds1, .ds2, .ds3, .ds4, .ds5, .ds6, .ds7 {
   position: absolute;
   height: 100%;
   width: 100%;
   background-color: #000000;
   -moz-border-radius: inherit;
   -webkit-border-radius: inherit;
   border-radius: inherit;
}
.ds1 {
   top: 2px;
   left: 2px;
   opacity: .9;
   z-index: -1;
}
.ds2 {
   top: 4px;
   left: 4px;
   opacity: .8;
   z-index: -2;
}
.ds3 {
   top: 5px;
   left: 5px;
   opacity: .6;
   z-index: -3;
}
.ds4 {
   top: 6px;
   left: 6px;
   opacity: .4;
   z-index: -4;
}
.ds5 {
   top: 7px;
   left: 7px;
   opacity: .2;
   z-index: -5;
}
.ds6 {
   top: 8px;
   left: 8px;
   opacity: .1;
   z-index: -6;
}

div.nav_bar h1 {
	color: #FFFFFF;
	font-size: 23px;
	font-weight: bold;
   line-height: 100%;
   margin-bottom: 5px;
}
div.nav_bar h2 {
	color: #FFFFC0;
	font-size: 19px;
	font-weight: bold;
	display: block;
}
div.nav_bar h1 a {
	font-size: 23px;
}

div.nav_bar hr {

}
div.nav_bar a {
	display: block;
	color: #FFFFFF;
	font-size: 19px;
   line-height: 100%;
   margin-bottom: 5px;
}
div.nav_bar a:hover {
	color: orange;
}
div.nav_bar_selected {
	font-size: 19px;
	font-weight: bold;
	color: #FFFFC0;
   line-height: 100%;
   margin-bottom: 5px;
}