/* =============================================
    Page Layout Options for UNITY software v2.0
	Mar 2010
    For browser testing see accessibility.css
   ============================================= */   

/* all content is in an article */
article { float: left; overflow: hidden; margin-left:5px; margin-bottom:5px;  }
article.pane01 { width:965px; margin-top:5px; } /* breadcrumbs */
article.pane02 { width:965px; margin-top:5px; height: 35px;  }  /* menu */

/* for testing purposes only */
article.pane01 {    }
article.pane02 {   }
article.pane03 {   }
article.pane04 {   }
article.pane05 {    }
article.pane06 {    }
article.pane07 {    }
article.pane08 {    }
article.pane09 {   }
article.pane10 {   }
article.pane11 { }
article.pane12 {  }
/* for testing purposes only */

/* layout type 0 - the default setting */
div.layoutType0 { }
div.layoutType0 article.pane01 { display: none; }  /* content */
div.layoutType0 article.pane02 { display: none; }
div.layoutType0 article.pane03 { width:965px; }
div.layoutType0 article.pane04 { display: none;}
div.layoutType0 article.pane05 { display: none; }
div.layoutType0 article.pane06 { display: none; }
div.layoutType0 article.pane07 { display: none; }
div.layoutType0 article.pane08 { display: none; }
div.layoutType0 article.pane09 { display: none; }
div.layoutType0 article.pane10 { display: none; }
div.layoutType0 article.pane11 { display: none; }
div.layoutType0 article.pane12 { display: none; }

/* layout type 1 - home page layout */
div.layoutType1 {padding-left: 3px;}
div.layoutType1 article.pane01 { display: none; }
div.layoutType1 article.pane02 { display: none; }
div.layoutType1 article.pane03 { width:790px; height: 305px; } /* meet homesy + flash */
div.layoutType1 article.pane04 { width:170px; height: 305px; } /* search + login */
div.layoutType1 article.pane05 { width:965px; height: 380px; } /* headings */
div.layoutType1 article.pane06 { width:325px; height: 130px; } /* news 1 myHome */
div.layoutType1 article.pane07 { width:325px; height: 130px; } /* news 2 myCommunity */
div.layoutType1 article.pane08 { width:315px; height: 130px; } /* wiki 2*/
div.layoutType1 article.pane09 { width:320px; height: 100px; }
div.layoutType1 article.pane10 { width:318px; height: 100px; }
div.layoutType1 article.pane11 { width:317px; height: 100px; }
div.layoutType1 article.pane12 { width:965px; height: 40px;  }

/* layout type 2 - 2nd level home pages */
div.layoutType2 { }
div.layoutType2 article.pane01 { display: block; }
div.layoutType2 article.pane02 { display: block; }
div.layoutType2 article.pane03 { width:645px; height: 380px; border:solid 0px red; } /* meet homesy + flash */
div.layoutType2 article.pane04 { width:320px; height: 380px; border:solid 0px green; } /* news */
div.layoutType2 article.pane05 { width:965px; height: 380px; border:solid 0px blue;  } /* headings */
div.layoutType2 article.pane06 { width:310px; height: 170px; } /* news 1 myHome */
div.layoutType2 article.pane07 { width:325px; height: 170px; } /* news 2 myCommunity */
div.layoutType2 article.pane08 { width:315px; height: 170px; } /* wiki 2*/
div.layoutType2 article.pane09 { width:320px; height: 160px; }
div.layoutType2 article.pane10 { width:318px; height: 160px; }
div.layoutType2 article.pane11 { width:317px; height: 160px; }
div.layoutType2 article.pane12 { width:965px; height: 40px;  }



/* layout type 3 - 3rd level pages */
div.layoutType3 { }
div.layoutType3 article.pane01 { display: block; }
div.layoutType3 article.pane02 { display: block; height:40px; }
div.layoutType3 article.pane03 { width:730px; margin-left: 10px; margin-right: 5px; }
div.layoutType3 article.pane04 { width:214px; /*padding-top:7px;*/ }
div.layoutType3 article.pane05 { width:965px; }
div.layoutType3 article.pane06 { display: none; }
div.layoutType3 article.pane07 { display: none; }
div.layoutType3 article.pane08 { display: none; }
div.layoutType3 article.pane09 { display: none; }
div.layoutType3 article.pane10 { display: none; }
div.layoutType3 article.pane11 { display: none; }
div.layoutType3 article.pane12 { width:965px; height: 40px;  }


/* layout type 4 - 4th level pages */
div.layoutType4 { }
div.layoutType4 article.pane01 { display: block; }
div.layoutType4 article.pane02 { display: block; }
div.layoutType4 article.pane03 { width:730px; margin-right: 10px; float: right; }
div.layoutType4 article.pane04 { width:214px; margin-right:5px; float: right; }
div.layoutType4 article.pane05 { width:965px; float: right; }
div.layoutType4 article.pane06 { display: none; }
div.layoutType4 article.pane07 { display: none; }
div.layoutType4 article.pane08 { display: none; }
div.layoutType4 article.pane09 { display: none; }
div.layoutType4 article.pane10 { display: none; }
div.layoutType4 article.pane11 { display: none; }
div.layoutType4 article.pane12 { width:965px; height: 40px;  }



/* layout type 5 - 2nd level home pages */
div.layoutType5 { }
div.layoutType5 article.pane01 { display: block; }
div.layoutType5 article.pane02 { display: block; }
div.layoutType5 article.pane03 { width:730px; margin-left: 5px; } 
div.layoutType5 article.pane04 { width:216px; /*padding-top:7px;*/ } 
div.layoutType5 article.pane05 { width:965px; }
div.layoutType5 article.pane06 { width:310px; } 
div.layoutType5 article.pane07 { width:325px; height: 100px; } 
div.layoutType5 article.pane08 { width:315px; height: 150px; } /* wiki 2*/
div.layoutType5 article.pane09 { width:320px; height: 150px; }
div.layoutType5 article.pane10 { width:318px; height: 150px; }
div.layoutType5 article.pane11 { width:317px; height: 150px; }
div.layoutType5 article.pane12 { width:965px; height: 40px;  }

/* layout type 6 - Community level1 pages */
div.layoutType6 {  }
div.layoutType6 article.pane01 { width:950px; height:40px; margin-left: 10px; }
div.layoutType6 article.pane02 { width:965px; height:30px; margin-left:10px; }
div.layoutType6 article.pane03 {font-family: Comic Sans MS; width:630px; height:220px; margin-left: 10px;} 
div.layoutType6 article.pane04 {font-family: Comic Sans MS; width:320px; height:220px; margin-left: 10px; } 
div.layoutType6 article.pane05 {font-family: Comic Sans MS; width:315px; height:370px; } 
div.layoutType6 article.pane06 {font-family: Comic Sans MS; width:310px; height:370px;} 
div.layoutType6 article.pane07 {font-family: Comic Sans MS; width:305px; height: 720px; margin-right: 20px; border:0px solid red;float: right; } 
div.layoutType6 article.pane08 {font-family: Comic Sans MS; width:630px; height: 340px;border:0px solid red; } 
div.layoutType6 article.pane09 {font-family: Comic Sans MS; width:325px; height: 150px; }
div.layoutType6 article.pane10 {font-family: Comic Sans MS; width:315px; height: 150px; }
div.layoutType6 article.pane11 {font-family: Comic Sans MS; width:315px; height: 150px; }
div.layoutType6 article.pane12 {font-family: Comic Sans MS; width:965px; height: 40px;  }

/* layout type 7 - notice board */
div.layoutType7 { }
div.layoutType7 article.pane01 { width:965px; height:20px; margin-left: 10px; border:solid 0px red; }
div.layoutType7 article.pane02 { width:965px; height:30px; margin-left: 10px; border:solid 0px red; }
div.layoutType7 article.pane03 { width:965px; margin-left: 10px; border:solid 0px red;  overflow-y:auto;} 

/* layout type 8 - @home Community level2 pages */
div.layoutType8 { }
div.layoutType8 article.pane01 { width:965px; height:20px; margin-left: 10px; border:solid 0px red; }
div.layoutType8 article.pane02 { width:965px; height:60px; margin-left: 10px; border:solid 0px red; }
div.layoutType8 article.pane03 { width:580px;  margin-left: 20px; margin-right: 10px; border:solid 0px red; } 
div.layoutType8 article.pane04 { width:350px;  margin-left: 0px; padding-top:0px; border:solid 0px green; } 
/*div.layoutType8 article.pane05 { width:325px; height:475px; border:solid 0px pink; }
div.layoutType8 article.pane06 { width:325px; } 
div.layoutType8 article.pane07 { width:315px; height: 100px; } 
div.layoutType8 article.pane08 { width:315px; height: 150px; } 
div.layoutType8 article.pane09 { width:325px; height: 150px; }
div.layoutType8 article.pane10 { width:315px; height: 150px; }
div.layoutType8 article.pane11 { width:315px; height: 150px; }
div.layoutType8 article.pane12 { width:965px; height: 40px;  }*/




/* layout type 9 - 3rd level pages */
div.layoutType9 { }
div.layoutType9 article.pane01 { display: block; }
div.layoutType9 article.pane02 { display: block; height:60px; border:solid 0px green; }
div.layoutType9 article.pane03 { width:320px; border:solid 0px green; }
div.layoutType9 article.pane04 { width:635px; border:solid 0px green; height:325px; }
div.layoutType9 article.pane05 { width:315px; height:480px;border:solid 0px green; }
div.layoutType9 article.pane06 { width:315px; height:480px; padding-left: 10px;border:solid 0px green;  }
div.layoutType9 article.pane07 { width:315px; height:480px;border:solid 0px green;  }
div.layoutType9 article.pane08 { display: none; }
div.layoutType9 article.pane09 { display: none; }
div.layoutType9 article.pane10 { display: none; }
div.layoutType9 article.pane11 { display: none; }
div.layoutType9 article.pane12 { width:965px; height: 40px;  }



/* layout type 10 - inspector area */
div.layoutType10 { }
div.layoutType10 article.pane01 { display: block; }
div.layoutType10 article.pane02 { display: block; height:60px; border:solid 0px green; }
div.layoutType10 article.pane03 { width:650px; border:solid 0px green; }
div.layoutType10 article.pane04 { width:315px; border:solid 0px green; height:325px; }
div.layoutType10 article.pane05 { width:315px; height:440px;border:solid 0px green; }
div.layoutType10 article.pane06 { width:315px; height:440px;border:solid 0px green;  }
div.layoutType10 article.pane07 { width:315px; height:440px;border:solid 0px green;  }
div.layoutType10 article.pane08 { display: none; }
div.layoutType10 article.pane09 { display: none; }
div.layoutType10 article.pane10 { display: none; }
div.layoutType10 article.pane11 { display: none; }
div.layoutType10 article.pane12 { width:965px; height: 40px;  }


/* news pages */
div.layoutType11 { }
div.layoutType11 article.pane01 { display: none; }
div.layoutType11 article.pane02 { display: none; }
div.layoutType11 article.pane03 { width:745px; float: right; }
div.layoutType11 article.pane04 { width:215px; margin-right: 5px; margin-top: 10px; float: right; }