/* 
    Document   : fresh
    Created on : Nov 7, 2011, 11:41:01 PM
    Author     : xl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* ================ header===========================*/
#header {
    height:43px;   
}

#header .section {

}

h1#site-name,



div#site-name /* The name of the website */ {
    margin: 0;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-left: 15px;
    vertical-align: baseline;  

}

#site-name a:link,
#site-name a:visited {
    color: #000;
    text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
    text-decoration: underline;
}



#main-wrapper .homepage-width {
    margin-left: auto;
    margin-right: auto;
    width: 950px;; 
}

body.page-pihnethome
{
    margin-left: auto;
    margin-right: auto;
    width: 950px;; 
}


#home_logo {

    text-align:center;
    margin-bottom: 0;

    padding:0 0 0 0;
}

#home_logo .pane-content{


}

#home
{

    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-spacing:3px 3px;

    text-align:center;
}

#home pane-3 {

    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color: #f5f5f5;

}


#home .panel-separator{
    margin: 0 0 0 0;
/*    height:0;*/
}


#myUserLogin, tbody {    /*to get rid of the topline of user login on home page*/

    border: none;
    text-align: left; 
    width:120px;
    vertical-align: top;

}

#myUserLogin {    /*to get rid of the topline of user login on home page*/




}
/*================Page Element============================*/

#page-title  {
    font-size: 18px;
    font-family:Arial,Helvetica,sans-serif;
    border-bottom-width:1px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#757575; /* by xliu*/
    width:770px;
}


#skip-to-nav,
#page {
    /*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
    */

    /* Use a 12px base font size with a 18px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.5em; /* 12px x 1.5 = 18px */


}


.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
    margin-top: 3.4em; /* Set this to the same value as the navigation height above. */
}


body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
    /* The following font family declarations are based on the Microsoft core web
     * fonts which are common fonts available on most computer systems. The DejaVu
     * and Nimbus Sans fonts are commonly available on Linux systems where the MS
     * fonts are less common. Tahoma and Helvetica are also widely available.
     *
     * A user's web browser will look at the comma-separated list and will
     * attempt to use each font in turn until it finds one that is available
     * on the user's computer. The final "generic" font (sans-serif, serif or
     * monospace) hints at what type of font to use if the web browser doesn't
     * find any of the fonts in the list.
  
    font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
    font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
    font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
  
    font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
    font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
    font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
  
    font-family: "Courier New", "DejaVu Sans Mono", monospace;
  
    */

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

pre,
code,
kbd,
samp,
tt,
var {
    font-family: "Courier New", "DejaVu Sans Mono", monospace;
}



/*================Login page===============================*/

div.login-center{

    margin-left: auto;   margin-right: auto;  
    background-color: #f5f5f5;
    width:30%;

}


#user-login-form {
    text-align: center; /* LTR */
    vertical-align: top;
    height:100px;
}

#homeLogoImg {    /*to get rid of the topline of user login on home page*/

    width:693px;
    float:left;
    text-align: center;
  /**  padding-left:10px;*/
  


}

#homeLogIn {    /*to get rid of the topline of user login on home page*/

    width:140px;
    float:left;
    text-align: right;
    v-align: top;
  /*  margin-top: -5px;*/
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}

#welcome {
    font-family:arial, sans-serif;
    font-size: 12px;
    text-align:right;
    float: right;
    width:200px;
    line-height: 200%;
    margin-right: -100px;
}

div.inline { float:left; vertical-align:top; }

.clearBoth { clear:both; }



#login .pane-title {
    text-align: center;
    background-color: #002060;
    height: 30px;
    margin-top: 0px;
    color:#fff;
}



#login .pane-content {
    text-align: center;
    background-color: #f5f5f5;

}

/*================Home page===============================*/

#homebanner {
    background-color: #eeeeee;
    width:920px;
    border-bottom-width:2px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#000066; /* by xliu*/
    height:38px;

}

#ssihomebanner {
    background-color: #eeeeee;
    width:920px;
    border-bottom-width:2px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#114825; /* by xliu*/
    height:38px;
 margin-left: auto;
    margin-right: auto;
}

#ssinethomepage{
    
 margin-left: auto;
    margin-right: auto;
    width:920px;
}

#pihnethomepage{
    
margin-left:10px;
    
}

#home_login_link .pane-content{


    height: 100px;
    text-align: center;
    vertical-align:bottom;
}

#slideshow .pane-content {



    text-align: center;
    border-color: black;


}

#home_login .pane-content{

    vertical-align: text-bottom;
}


#home-copyright {
    border-top-width:1px;  /* by xliu*/
    border-top-style:solid;  /* by xliu*/
    border-top-color:#757575; /* by xliu*/
    background-color: #FFFFFF;
    border-top-width:1px;  /* by xliu*/
    border-top-style:solid;  /* by xliu*/
    border-top-color:#757575; /* by xliu*/
    float: none;
    text-align: left;
    margin-top: -5;
}
/*================register page===============================*/



div.register-body {
    margin-left: auto;   margin-right: auto;  
    background-color: #002060;
    width:100%;
    height:30px;
}

/*
div.register-center{
    
  
  margin-left: auto;   margin-right: auto;  
  
  width:60%;

   }
   
div.tabs {
    margin-top: 20px;
  margin-left:auto; 
  margin-right:auto;
  width:60%;

}

*/


#navigation {
    /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */

    background-color: #006;
    height: 40px;
    font-family: Arial,Helvetica,sans-serif;
}



#secondary-menu {
    float: right;
    font-size: 13px; /*xliu*/
    font-weight: bold;
    margin-top: 10px;
    width:400px;
    text-align: right;
}

/*===================== blocks================================================ */

.block .content /* Block's content wrapper */ {

    font-size: 13px; /*xliu*/
}

#block-block-1 /* First block created with "Add block" link */ {

    border-bottom-width:1px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#757575; /* by xliu*/
    font-weight: bold;


    line-height: 14px; 
    margin-top: -10;

    height:135px;
}


#block-block-1 .content {
    font-size: 11px;
    font-family:Arial,sans-serif;
    margin-left: -5px;
}



#block-block-2 /* Second block created with "Add block" link */ {

    border-bottom-width:1px;  /* by xliu*/
    background-color: #FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
}

#block-block-2 .block-title {


    background-color: #EEEEEE;

}

#block-block-3 {
    background-color: #FFFFFF;
    border-top-width:1px;  /* by xliu*/
    border-top-style:solid;  /* by xliu*/
    border-top-color:#757575; /* by xliu*/
    float: none;
    text-align: left;
    margin-top: 5px;
    font-size: 10px;
    font-family:Arial,Helvetica,sans-serif;
}

#block-block-3 a:link,
#block-block-3 a:visited {
    color: blue;
    text-decoration: none;
}

#block-block-22 {
    background-color: #FFFFFF;
    border-top-width:1px;  /* by xliu*/
    border-top-style:solid;  /* by xliu*/
    border-top-color:#757575; /* by xliu*/
    float: none;
    text-align: left;
    margin-top: 5px;
    font-size: 10px;
    font-family:Arial,Helvetica,sans-serif;
}

#block-block-22 a:link,
#block-block-22 a:visited {
    color: blue;
    text-decoration: none;
}

#block-block-5,#block-block-8,#block-block-7 /* Second block created with "Add block" link */ {

    border-bottom-width:1px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#757575; /* by xliu*/
    font-family:Arial,Helvetica,sans-serif;

}

#block-block-18,
#block-block-8 /* Second block created with "Add block" link */ {
    background: #EEEEEE;
    border-bottom-width:1px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#757575; /* by xliu*/
    font-family:Arial,Helvetica,sans-serif
        

}


#block-block-18 {
    height: 120px;
    
}
/*#block-block-7 .content {
    margin-left: 0px;  adjust the position of construction menu on the left bar
    
       Width:370px;
    float:left;
     height:170px;
    margin-left: 10px;
    margin-right: 10px;
}*/

#block-block-6 .content {
    margin-left: -10px;  /*adjust the position of construction menu on the left bar*/
    margin-top: 10px;
    Width:920px;
    border-top-width:1px;  /* by xliu*/
    border-top-style:solid;  /* by xliu*/
    border-top-color:#757575; /* by xliu*/
    background-color: #FFFFFF;
    border-top-width:1px;  /* by xliu*/
    border-top-style:solid;  /* by xliu*/
    border-top-color:#757575; /* by xliu*/
    font-family: arial;

    font-family:arial, sans-serif;

    padding-top: 3px;
}

#block-block-7 .content {
    margin-left: 0px;  /*adjust the position of construction menu on the left bar*/
    font-family:Arial,Helvetica,sans-serif;
}


#block-views-news-view-block .content a:link,
#block-views-news-view3-block a:link,
#block-views-news-view2-block a:link,
#block-views-recent-announcements-block a:link,
#block-block-10 a:link,
#block-block-12 a:link,
#block-block-11 a:link,
#block-block-8 a:link,
#block-block-18 a:link,
#block-block-23 a:link,
#block-block-7  a:link{
    color:#000000;
    text-decoration: none;

}


#block-views-pih-member-s-activity-block a:visited,
#block-views-what-s-new-block a:visited,
#block-views-about-pih-network-block a:visited,
#block-views-news-view-block a:visited,
#block-views-news-view3-block a:visited,
#block-views-news-view2-block a:visited,
#block-views-recent-announcements-block a:visited,
#block-block-10 a:visited,
#block-block-12 a:visited,
#block-block-11 a:visited,
#block-block-8 a:visited,
#block-block-18 a:visited,
#block-block-23 a:visited,
#block-block-7  a:visited {
    color:#000000;
    text-decoration: none;   

}

#block-views-pih-member-s-activity-block a:hover,
#block-views-what-s-new-block a:hover,
#block-views-about-pih-network-block a:hover,
#block-views-news-view-block a:hover,
#block-views-news-view3-block a:hover,
#block-views-news-view2-block a:hover,
#block-views-recent-announcements-block a:hover,
#block-block-10 a:hover,
#block-block-11 a:hover,
#block-block-12 a:hover,
#block-block-8 a:hover,
#block-block-18 a:hover
#block-block-23 a:hover,
#block-block-7  a:hover {
    background: #D2D2D2;
    text-decoration: none;
    width:170px;
    height:10px;
}


#block-block-8 a:focus,
#block-block-18 a:focus,
#block-block-23 a:focus,
#block-block-7  a:focus {
    background: #D2D2D2;
    text-decoration: none;

}

#block-block-8 a:active,
#block-block-18 a:active,
#block-block-23 a:active,
#block-block-7  a:active {
    background: #D2D2D2;
    text-decoration: none;
}


/*Remove the bullet*/
#block-block-8 .content ul li,
#block-block-18 .content ul li,
#block-block-23 .content ul li,
#block-block-7   .content ul li {
    list-style: none;

    padding:0;

}


#block-block-7 li.active-trail a,
#block-block-18 li.active-trail a,
#block-block-23 li.active-trail a,
#block-block-8 li.active-trail a {
    color: red;

}

/*Remove the bullet*/
#block-block-7 .content ul li,
#block-block-18 .content ul li,
#block-block-23 .content ul li,
#block-block-8 .content ul li {
    list-style: none;
    margin-left: -5px;  /*move the bullet to the left*/
    padding:0
}





/* This is used to adjust the position of the block bar to the center*/

.region-sidebar-first .section {
    margin: 0 20px 0 0; /* LTR */
    padding: 0;
    background-color:#EEEEEE; /*xliu  blocks*/
    /*xliu  blocks*/
    margin-left:auto; 
    margin-right:auto;
    width:90%;


}
#node-27{

    Width:250px;
    float:left;


}

#blocks-to-a-row {

    margin: 0 auto;
    width: 650px;
}

#block-block-9 {
    Width:370px;
    height:170px;
    float:left;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;

}
#block-block-10 {
    Width:370px;
    float:left;
    height:170px;
    margin-left: 10px;

    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;

}



#block-block-10 .content{
    padding-top:10px;
    padding-left:10px; 
}

#block-block-11 {
    Width:370px;
    float:left;
    height:170px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;

}

#block-block-11 .content{
    padding-top:10px;
    padding-left:10px; 
}




#block-block-12 {
    Width:370px;
    float:left;
    height:170px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;


}



#block-block-12 .content{
    padding-top:10px;
    padding-left:10px; 
}

#block-block-13 {
    Width:370px;
    float:left;
    height:170px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;
}

#block-block-13 .content{
    padding-top:10px;
    padding-left:10px; 
    vertical-align: top;

}

#block-block-14 {
    Width:370px;
    float:left;
    height:170px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;
}

#block-block-14 .content{
    padding-top:10px;
    padding-left:10px; 
}

#block-block-10 .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 25px;
    text-align: center; 
    vertical-align: middle; 
    padding-top:3px; 
}


#block-block-9 .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 30px;
    text-align: center;
    padding-top:3px; 

}

#block-block-11 .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 25px;
    text-align: center;
    valign-top:middle;
    padding-top:3px; 
}

#block-block-12 .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 25px;
    text-align: center;
    padding-top:3px; 
}

#block-block-13 .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 25px;
    text-align: center;
    padding-top:3px; 
}
#block-block-14 .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 30px;
    text-align: center; 
    padding-top:3px; 
}
#block-views-recent-announcements-block .block-title {
    background-color: #a6a7a2;
    font-family: arial, serif;
    font-size: 14px;
    color: #ffffff;
    height: 25px;
    text-align: center; 
    padding-top:3px; 
}

#block-views-recent-announcements-block {
    Width:370px;
    float:left;
    height:170px;
    margin-left: 10px;
    margin-right: 10px;

    background-color: #eeeeee;
    font-family:Arial,Helvetica,sans-serif;

}

#block-views-recent-announcements-block .content{
    padding-top:10px;
    padding-left:10px; 
}


#registration .registration{
    text-align: center;
    width:600px;
    font-family:arial, sans-serif;

}


.community {

    font-family: arial, sans-serif;
    color: #009;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0;
}

#block-views-news-view-block .block-title { 
    color: #ffffff; background-color: #006; text-align: center; 
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    height:30px;
    width:300px;
}


/** added by xiaojing for changing the color of view box on the home page  */
#block-views-news-view-block .block-content { 
    background-color: #E1E2DC; 
    vertical-align: text-top;
    padding-top:5px;
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    width:300px;
}

#block-views-news-view-block {
    Width:300px;
    float:left;
    height:170px;
    margin-left: -13px;
    margin-right: 10px;

    background-color: #eeeeee;

}

#block-views-news-view2-block .block-title { 
    color: #ffffff; background-color: #006; text-align: center; 
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    height:30px;
    width:300px;
}


/** added by xiaojing for changing the color of view box on the home page  */
#block-views-news-view2-block .block-content { 
    background-color: #E1E2DC; 
    vertical-align: text-top;
    padding-top:5px;
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    width:280px;
}

#block-views-news-view2-block {
    Width:300px;
    float:left;
    height:170px;
    margin-left: 10px;
    margin-right: 10px;

    background-color: #eeeeee;

}

#block-views-pih-member-s-activity-block .block-title,
#block-views-what-s-new-block .block-title,
#block-views-about-pih-network-block .block-title,
#block-views-news-view3-block .block-title { 
    color: #ffffff; background-color: #006; text-align: center; 
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 25px;
    margin-left: 0px;
    padding-top: 6px;
    height:27px;
    width:295px;
    font-size: 14px;
    vertical-align: middle;
}


#block-views-ssi-member-s-activity-block .block-title,
#block-views-what-s-new-ssi-block .block-title,
#block-views-about-ssi-network-block .block-title{ 
    color: #ffffff; background-color: #114825; text-align: center; 
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 25px;
    margin-left: 0px;
    padding-top: 6px;
    height:27px;
    width:295px;
    font-size: 14px;
    vertical-align: middle;
}



/** added by xiaojing for changing the color of view box on the home page  */
#block-views-pih-member-s-activity-block .block-content,
#block-views-what-s-new-block .block-content,
#block-views-about-pih-network-block .block-content,
#block-views-news-view3-block .block-content { 
    background-color: #E1E2DC; 
    vertical-align: text-top;
    padding-top:10px;
    padding-left:10px; 
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: -10px;
    width:295px;
}


#block-views-ssi-member-s-activity-block .block-content,
#block-views-what-s-new-ssi-block .block-content,
#block-views-about-ssi-network-block .block-content { 
    background-color: #darkgreen; 
    vertical-align: text-top;
    padding-top:10px;
    padding-left:10px; 
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: -10px;
    width:295px;
}




#block-views-pih-member-s-activity-block,
#block-views-what-s-new-block,
#block-views-about-pih-network-block,
#block-views-about-ssi-network-block,
#block-views-news-view3-block {
    Width:295px;
    float:left;
    height:170px;

    margin-left:-10px;
    margin-right: 25px;

    background-color: #eeeeee;

}


#block-views-ssi-member-s-activity-block,
#block-views-what-s-new-ssi-block,
#block-views-about-ssi-network-block {
    Width:295px;
    float:left;
    height:170px;

    margin-left:-10px;
    margin-right: 25px;

    background-color: #eeeeee;

}




#block-views-ssi-member-s-activity-block .content,
#block-views-what-s-new-ssi-block .content,
#block-views-pih-member-s-activity-block .content,
#block-views-what-s-new-block .content,
#block-views-about-pih-network-block .content,
#block-views-about-ssi-network-block .content,
#block-views-news-view3-block .content{

    padding-top:10px;
    padding-left:10px; 
}


.comment .user-picture /* The picture of the comment author */ {
    float:left;
}

h3.comment-title /* Comment title */ {
    float:left;
    width:600px;
}

.comment .submitted /* The "posted by" information */ {
    float:none;
}



#wisePracticeList {
    margin-left: 20px
}

#pihNotificationMessage {
  /*  background-color: blanchedalmond;*/
    width:920px;
    height:30px;
    color: red;
    padding-bottom: 5px;
  border-color: #ed541d;
}

#pihNotificationMessage ul{
    margin-top: 0;
}
    

html.js body.html div#page-wrapper div#page div#main-wrapper div#main.clearfix div#navigation div.section ul#main-menu.links {
    
    margin-left:143px;
    
}


#block-block-19 {
width:280px;
float:right;
height:20px;
margin-top:-30px;
font-weight:bold;
text-align: center;
    
}

#morelinkmyrecent {

text-align: right;
vertical-align: bottom;
margin-right: 0px;
  margin-bottom:-20px;  
}

#user-login-form {
    padding-top: 0px;
    margin-top: -10px;
}

.morelinkblock {
    text-align: right;
}


.matrix{
	font-family: Arial, Helvetica, sans-serif;
}
td,th {
	font-size: 12px;
}
.secondaryLevel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009;
}
.primaryLevel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C0;
}


 ul#secondary-menu.links li a img { 
    vertical-align: bottom;
    margin-bottom: -3px;
}

 ul#secondary-menu.links a img {
     vertical-align: bottom;
      margin-bottom: -3px;
}




#block-block-23 /* First block created with "Add block" link */ {

    border-bottom-width:1px;  /* by xliu*/
    border-bottom-style:solid;  /* by xliu*/
    border-bottom-color:#757575; /* by xliu*/
   

    margin-top: -10;

    height:75px;
}


#block-block-23 .content {
    font-size: 12px;
    font-family:Arial,sans-serif;
    margin-left: -5px;
    background-color: #ffffff;
     height:70px;
}