/*

    Prognoz

    Public Site Global Style Sheet

    styles.css

*/



body{

    font-family:Arial, Helvetica, sans-serif;

    font-size:11px;

    color:#333;

    text-align:center;

    background-color:#FFF;

}



a:link,

a:visited,

a:active{

    color:#336699;

    text-decoration:none;

/*  font-weight:bold;

*/

}

a:hover{

    text-decoration:underline;

}



h1{ font-size:18px; color:#003366; }

h2{ font-size:14px; color:#333; }

h3{ font-size:14px; color:#003366; }

h4{ font-size:13px; color:#003366; }

h5{ font-size:12px; color:#003366; }

h6{ font-size:12px; color:#003366; }



hr{

    border:none;

    height:1px;

    padding-top:1px;

    background:url(images/bg.gif) -1px 0px repeat;

    color:#999;

}

.hide{

    display:none;

    visibility:hidden;

}

td{ /*vertical-align:top;*/ }



#wrap{

    width:798px;

    margin:auto;

    background-color:#FFF;

    border:1px solid #999;

    text-align:left;

}

#masthead,

#nav-banner,

#content{

    margin:0px;

    padding:0px;

}

#masthead{

    width:798px;

    height:65px;

    background-color:#FFF;

    border-bottom:1px solid #003366;

}

#logo{
    float:left;
    padding:27px 0px 0px 10px;

}

#functional-nav{
    float:right;
    width:550px;
    padding-top:5px;
    padding-left:5px;
    padding-right:0px;
    text-align:left;
    
}

#functional-nav table{
  float:right;
  margin-left:6px;
  margin-right:6px;
}
#functional-nav td{
  padding:0px;
  margin:0px;
}

#functional-nav ul{
    padding:0px;
    margin:0px;

}

#functional-nav li{

    float:left;

    list-style:none;

    padding:0px 5px 0px 5px;

    background:url(images/pipe.jpg) no-repeat right #FFF;

}

#functional-nav li.nopipe{

    background:none;

}

#functional-nav a:link,

#functional-nav a:visited,

#functional-nav a:active{

    color:#333;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    font-size:9px;

    font-weight:normal;

}

#functional-nav a:hover{}



#nav-banner{

    border-top:2px solid #FFF;

    border-bottom:2px solid #FFF;

}

.home_banner{

    height:120px;

    background:url(images/content/home_banner.jpg) top left no-repeat #97aecd;

}

.subpage_banner{

    height:120px;

    background-color:#1d487b;

    text-align:right;

}

.subpage_banner h1{

    margin:5px 0px 0px 212px;

    padding:0px 10px 8px 0px;

    clear:right;

    color:#FFF;

    text-transform:uppercase;

    font-weight:normal;

}

* html .subpage_banner h1{

    margin:0px 0px -15px 0px;

    padding-top:11px;

}

.subpage_banner img{

margin:0px 0px 0px 0px;

padding:0px;

height:120px;

width:212px;

}



/* ---------------- */
#main-nav{
    height:19px;
    text-align:left;
    background-color:#003366;
    border-bottom:1px solid #FFF;
    margin:0px 0px 0px 102px;
/*    margin:0px 0px 0px 212px;*/
    z-index:10000000 !important;
}
.main_nav_interior{
    margin:0px !important;
    /*padding-left:22px;*/
}
#main-nav ul{
    margin:0px;
    padding:0px;
    background-color:#003366;
}
#main-nav li{
    float:left;
    position:relative;
    list-style:none;
    height:15px;
    padding:2px 14px 2px 3px;
    margin-right:0px;
    border-left:1px solid #FFF;
    background-color:#003366;
}
#main-nav li.end_nav{ border-right:0px solid #FFF; }

/*****Dropdown menu in Mozilla*****/
@-moz-document url-prefix(){
#main-nav li ul.dropdown-menu {
	/*display:none;*/
    position:absolute !important;
    margin:4px 1px 0px -4px!important;
    padding:0px;
    border:none;
	top: 1px;
	}
	}
/*****Dropdown menu in Opera*****/	

.opera #main-nav li ul.dropdown-menu {
position: absolute;
top: 14px!important;
margin-left: -4px!important;
margin-top: 5px!important;
}
/*****Dropdown menu in IE7*****/
*+html #main-nav li ul.dropdown-menu {
	position:absolute !important;
    margin:4px 0px 0px -4px!important;
    padding:0px;
    border:none;
}

/*****Dropdown menu in Google Chrome*****/
.chrome #main-nav li ul.dropdown-menu{
	/*display:none;*/
    position:absolute;
    margin:3px 0px 0px -4px;
    padding:0px;
/*    border:none;*/
}

#main-nav li ul.dropdown-menu{
    display:none;
    position:absolute;
    margin:4px -4px 0px -4px;
    padding:0px;
    border:none;
}
* html #main-nav li ul.dropdown-menu{
    top:16px;
    left:3px;
}
#main-nav li > ul.dropdown-menu{
    top:auto;
    left:auto;
}
#main-nav li:hover ul.dropdown-menu,
#main-nav li.over ul.dropdown-menu{
    display:block;
    width:120px;
    border-top:1px solid #FFF;
}
#main-nav li ul.dropdown-menu li{
    padding:4px 4px 4px 5px;
    list-style:none;
    min-width:120px;
    height:auto;
    border-bottom:1px solid #FFF;
    border-right:1px solid #FFF;
}
* html #main-nav li ul.dropdown-menu li{
    width:120px;
}
#main-nav a:link,
#main-nav a:visited,
#main-nav a:active{
    color:#FFF;

    font-size:10px;
    text-transform:uppercase;
    font-weight:normal;
}
#main-nav a:hover{
    color:#FF9900;
    text-decoration:none;
}

#main-nav li ul.dropdown-menu a:link,
#main-nav li ul.dropdown-menu a:visited,
#main-nav li ul.dropdown-menu a:active{
    /*text-transform:capitalize;
    font-size:11px;*/
}

/* ---------------- */



#nav-banner-feature{
    float:right;
    width:154px;

    height:100px;

    /*margin-left:644px;*/

    margin-top:0px;

    /*position:absolute;*/

    border-left:1px solid #FFF;

    background-color:#5384B5;

    /*background:url(images/gradient4.jpg) -1px 0px repeat;*/

}

#nav-banner-feature ul{

    margin-top:0px;

    margin-bottom:0px;

    margin-left:0px;

    padding:0px;

    position:relative;

/*    top:55px;*/

    top:15px;

    left:-9px;

}

#nav-banner-feature li{

    list-style:none;

    padding:0px 0px 0px 0px;

}



#nav-banner-feature a:link,

#nav-banner-feature a:visited,

#nav-banner-feature a:active{

    display:block;

/*    height:10px;*/

    height:20px;

    padding-left:24px;

    padding-bottom:8px;

    background:url(images/content/home_node.gif) left 0px no-repeat;

}

#nav-banner-feature a:hover{

    background:url(images/content/home_node_over.gif) left 0px no-repeat;

    text-decoration:none;

}



/* ---------------- */



#sub-nav{

    float:left;

    width:212px;

    background-color:#FFF;

    position:relative;

    top:-62px;

    border-right:1px solid #FFF;

    margin:0px 0px -62px 0px;

    padding:0px 0px 0px 0px;

}

.sub_nav_interior{

    position:static !important;

    top:0px !important;

    margin:0px !important;

}

#sub-nav img{

  padding:0px 2px 2px 0px;

    border-bottom:0px solid #FFF;

}

#sub-nav ul{

    margin:0px;

    padding:0px;

}

#sub-nav li{

    width:212px;

    /*height:28px;*/

    margin:0px;

    padding:0px;

    list-style:none;

    border-bottom:0px solid #999;

}

#sub-nav a:link,

#sub-nav a:visited,

#sub-nav a:active{

    display:block;

    width:202px;

    background-color:#E0ECFF;

    /*height:19px;*/

    padding:6px 0px 3px 10px;

    color:#003366;

    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

    font-size:11px;

    font-weight:bold;

}

#sub-nav a:hover{

    background-color:#D2E0F5;

    text-decoration:none;

}

#sub-nav a.selected:link,

#sub-nav a.selected:visited,

#sub-nav a.selected:active{

    background-color:#D2E0F5;

}

#sub-nav-inner {

background-color:#E0ECFF;

}

/* ---------------- */

#sub-nav-sub img{

  padding:0px 2px 0px 0px;

    border-bottom:0px solid #FFF;

}

#sub-nav-sub a:link,

#sub-nav-sub a:visited,

#sub-nav-sub a:active{

    display:block;

    width:202px;

    background-color:#E0ECFF;

    /*height:19px;*/

    padding:6px 0px 3px 10px;

    font-weight:normal;

    color:#003366;

    font-size:10px;

}

#sub-nav-sub a:hover{

    background-color:#D2E0F5;

    text-decoration:none;

}

#sub-nav-sub a.selected:link,

#sub-nav-sub a.selected:visited,

#sub-nav-sub a.selected:active{

    background-color:#D2E0F5;

}



#sub-nav blockquote.quote{

    color:#993300;

    font-family:"Times New Roman", Times, serif;

    font-size:14px;

    font-style:italic;

    margin-left:26px;

    margin-right:20px;

}

#sub-nav blockquote.quote p.attribution{

    color:#003366;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    font-size:9px;

    font-style:normal;

}





/* ---------------- */



#gradient{

  background:url(images/gradient2.jpg) -1px 0px repeat;

  height:150px;

}



#bottom {

  background:url(images/bottom_banner.jpg) -1px 0px repeat;

  height:15px;

}

/* ---------------- */



#content{

    border-top:1px solid #003366;

    margin:0px;

    padding:0px;

}

#main-content{

    line-height:1.55em;

    margin-right:280px;

    padding:20px 10px 0px 20px;

}

#sub-content{

    float:right;

    width:220px;

    padding:20px 20px 0px 30px;

    color:#003366;

    background-color:#F7F8FA;

}

#main-content.subpage{

    margin-right:170px;

    margin-left:214px;

}

#sub-content.subpage{

    width:124px;

    padding:20px 20px 0px 15px;

    background-color:#FFF;

}

/* do NOT remove !important */

.interiorpage{

    margin-right:0px !important;

    margin-left:214px;

}

#main-content h1,

#sub-content h1{

    margin-top:0px;

    padding-top:0px;

    line-height:1.15em;

}

#main-content h1,

#main-content p,

#sub-content hr,

#main-content hr{ margin-bottom:18px; }

#main-content hr{ margin-top:18px; }



#main-content h2{ margin-bottom:-5px; }

* html #main-content h2{ margin-bottom:-15px; }



#sub-content h2{

    font-size:16px;

    color:#003366;

    margin-top:0px;

}



/* -------- */



.side_listing{ padding-bottom:15px; }

.side_listing h4{

    margin-top:0px;

    margin-bottom:4px;

}

.side_listing p{

    margin-top:0px;

}

.side_listing a:link,

.side_listing a:active,

.side_listing a:visited{

    padding-left:20px;

    background:url(images/side_listing_icon.gif) left no-repeat;

}

.side_listing a:hover{  text-decoration:none; }



/* -------- */



#main-content div.bulleted_list,

#main-content div.bulleted_list h4{

    color:#ff9900;

}

#main-content div.bulleted_list h4{

    margin:0px 0px 2px 0px;

    padding:0px;

}

#main-content div.bulleted_list ul{

    margin:0px;

    padding-left:13px;

}

* html #main-content div.bulleted_list ul{

    padding-left:17px;

}

#main-content div.bulleted_list li{

    list-style:url(images/bullet_arrow.gif);

}



/* -------- */

#main-content div.double_list{

    min-height:165px;

}

* html #main-content div.double_list{

    height:165px;

}

#main-content div.home_double_list,

#main-content div.double_list{

    margin-top:24px;

    margin-bottom:24px;

}

#main-content div.home_double_list h2,

#main-content div.home_double_list p{

    margin-left:135px;

}

#main-content div.double_list h2,

#main-content div.double_list p{

    margin-left:165px;

}

#main-content div.double_list h2,

.orange_txt{

    color:#ff9900;

}

#main-content div.home_double_list img,

#main-content div.double_list img{

    float:left;

}

#main-content div.double_list img{

    border:1px solid #999;

}



/* -------- */



#large_image_div{

    position:absolute;

    z-index:999;

    background-color:#FFF;

    padding:5px;

    border:1px solid #666;

    text-align:center;

}

#large_image_div img{

    /*border:1px solid #CCC;*/

}

#large_image_div p{

    font-weight:bold;

    padding:5px;

    background:#CCC;

    margin-top:0px;

}



/* -------- */



#gutter{

    clear:both;

}

#footer{

    clear:both;

    border-top:1px solid #999;

    padding:10px 0px 10px 20px;

    text-align:left;

}

#copyright,

#designer-id{

    font-size:9px;

}

#copyright{

    color:#999;

}

#designer-id{

    color:#6699CC;

    margin-top:10px;

}





/* ---------- */

#demo_form{



    padding:15px;

    border:1px solid #003366;

    padding:15px 15px 15px 35px;

    text-align:left;

    margin:auto;

}



#client_login{

    width:300px;

    padding:15px;

    border:1px solid #999;

    padding:15px 15px 15px 35px;

    text-align:left;

}

#admin_login{

    margin-bottom:25px;

    width:300px;

    background:url(admin/images/login_lock.gif) no-repeat 50px 5px #FFF;

    border:1px solid #999;

    padding:15px 15px 15px 35px;

    text-align:left;

}

#demo_form p,

#client_loginform p,

#admin_login p{

    text-align:center;

}

#demo_form p.warning,

#client_loginform p.warning,

#admin_login p.warning{

    color:#F00;

    font-weight:bold;

}

#demo_form label{

    float:left;

    width:180px;

    font-weight:bold;

}

#demo_form input{

    margin-top:2px;

    margin-bottom:2px;

}

#client_loginform label,

#admin_loginform label{

    float:left;

    width:75px;

    font-weight:bold;

}

#client_loginform input#user,

#client_loginform input#pass,

#admin_loginform input#user,

#admin_loginform input#pass{

    width:120px;

}