﻿
.PageLayoutSize
{

 width:200px;
 height:230px;
 border-style:solid;
 border-width:0.1em;
 float:left;
 margin:5px; 
 border-color:LightBlue;   
}


/*########################################*/
/*######### LAYOUT A #####################*/


.LeftPanelLayoutA
{
 /*border-right-style:solid;*/
 margin-left:0px;
 float:left; 
 border-color:LightBlue;
 width:18%; 
 height:auto;
 text-align:center;
}

.MidPanelLayoutA
{
 /*border-style:none;*/
 width:63.4%; 
 height:auto;
 border-color:LightBlue;
 margin-left:0px;
 float:left; 
 text-align:center;

}


.RightPanelLayoutA
{
 /*border-style:solid;*/
 width:15%; 
 height:auto;
 float:right;
 margin-right:0px; 
 border-color:LightBlue;
 
}

/*########################################*/


/*########################################*/
/*######### LAYOUT B #####################*/

.LeftPanelLayoutB
{
 /*border-right-style:solid;*/
 margin-left:0px;
 float:left; 
 border-color:LightBlue;
 width:20%; 
 height:auto;
 text-align:center;
}

.MidPanelLayoutB
{
 /*border-style:none;*/
 width:77.4%; 
 height:auto;
 border-color:LightBlue;
 margin-left:0px;
 float:left; 
 text-align:center;

}


.RightPanelLayoutB
{
 /*border-style:solid;*/
 width:0%; /*No Width as this panel is not avaiable with layout  */
 display:none;
 height:auto;
 float:right;
 margin-left:0px; 
 border-color:LightBlue;
 margin-left:0px;
 
}

/*########################################*/



/*########################################*/
/*######### LAYOUT C #####################*/
/*## Same as A with larger left panel ##*/
.LeftPanelLayoutC
{
 /*border-right-style:solid;*/
 margin-left:0px;
 float:left; 
 border-color:LightBlue;
 width:30%; 
 height:auto;
 text-align:center;
}

.MidPanelLayoutC
{
 /*border-style:none;*/
 width:67.5%; 
 height:auto;
 border-color:LightBlue;
 margin-left:0px;
 float:left; 
 text-align:center;

}


.RightPanelLayoutC
{
 /*border-style:solid;*/
 width:0%; /*No Width as this panel is not avaiable with layout  */
 display:none;
 height:auto;
 float:right;
 margin-left:0px; 
 border-color:LightBlue;
 margin-left:0px;
 
}

/*########################################*/


/*########################################*/
/*######### LAYOUT D #####################*/

.LeftPanelLayoutD
{
 /*border-right-style:solid;*/
 margin-left:0px;
 float:left; 
 border-color:LightBlue;
 width:0%; 
 display:none; /*HID THIS PANEL  */
 height:auto;
 text-align:center;
}

.MidPanelLayoutD
{
 /*border-style:none;*/
 width:98.7%;            /*No sharedborders so width can be larger */
 height:auto;
 border-color:LightBlue;
 margin:auto; 
 margin-left:0px;
 
 float:left; 
 text-align:center;

}


.RightPanelLayoutD
{
 /*border-style:solid;*/
 margin-left:0px;
 float:right; 
 border-color:LightBlue;
 width:0%; 
 display:none; /*HID THIS PANEL  */
 height:auto;
 text-align:center;
 
}


/*########################################*/




/*########################################*/
/*######### LAYOUT E #####################*/


.LeftPanelLayoutE
{
 /*border-right-style:solid;*/
 width:0%; /*No Width as this panel is not avaiable with layout  */
 display:none;
 height:auto;
 float:right;
 margin-left:0px; 
 border-color:LightBlue;
 margin-left:0px;
}

.MidPanelLayoutE
{
 /*border-style:none;*/
 width:77.5%; 
 height:auto;
 border-color:LightBlue;
 margin-left:0px;
 float:left; 
 text-align:center

}


.RightPanelLayoutE
{
 /*border-style:solid;*/
 margin-right:0px;
 float:right; 
 border-color:LightBlue;
 width:20%; 
 height:auto;
 text-align:center;
 
}

/*########################################*/


/*########################################*/
/*######### LAYOUT F #####################*/
/*#####Similar to C be with wider right panel size #####*/

.LeftPanelLayoutF
{
 /*border-right-style:solid;*/
 width:0%; /*No Width as this panel is not avaiable with layout  */
 display:none;
 height:auto;
 float:right;
 margin-left:0px; 
 border-color:LightBlue;
 margin-left:0px;
}

.MidPanelLayoutF
{
 /*border-style:none;*/
 width:67.5%; 
 height:auto;
 border-color:LightBlue;
 margin-left:0px;
 float:left; 
 text-align:center

}


.RightPanelLayoutF
{
 /*border-style:solid;*/
 margin-right:0px;
 float:right; 
 border-color:LightBlue;
 width:30%; 
 height:auto;
 text-align:center;
 
}

/*########################################*/
/*
        LAYOUT TEMPLATE
#######################################*/

.PageLayoutTemplatePnl
{
    height:80%; 
    border-style:dashed; 
    float:left; 
    border-width:0.1em; 
    margin-left:0px;   

}

.PageLayoutTemplateL1
{
    height:80%; 
    width:14%; 
    border-style:dashed; 
    float:left; 
    border-width:0.1em; 
    margin-left:0px;   

}


.PageLayoutTemplateM1
{
    height:80%; 
    width:55%; 
    border-style:dashed; 
    float:left; 
    border-width:0.1em; 
    margin-left:0px;  
    margin-right:0px;

}

.PageLayoutTemplateR1
{
    height:80%; 
    width:14%; 
    border-style:dashed; 
    float:left; 
    border-width:0.1em; 
    margin-right:0px;  
  
}


/*##################################
	PAGE STYLE
###################################*/
.EditStyleIcon
{
 margin-left:5px; 
 border-style:none; 
 float:left;   
}

.EditorMenuColorPallette
{
 position:absolute; 
 background-color:white; 
 border:LightBlue; 
 border-style:solid; 
 border-width:0.5em;
 visibility:hidden; 
 margin-left:170px    
    
}

.EditorFormatMenu
{
 
 position:absolute; 
 background-color:white; 
 border:LightBlue; 
 border-style:solid ; 
 border-width:0.5em;
 visibility:hidden;
 width:135px;  
 font-weight:normal; 
 text-align:left;
 z-index:10;
 

 
}

.EditorFormatSubMenu
{
 position:absolute; 
 background-color:white; 
 border:LightBlue; 
 border-style:solid ; 
 border-width:0.5em;
 visibility:hidden; 
 font-weight:normal; 
 text-align:left;
  z-index:11;
    
}

.EditorFormatBBSSubMenu
{
  margin-left:170px ;   
   
}

.PageFormatSubMenu
{
     cursor:pointer;   
}

.PageFormatSubMenuPanel
{
   width:145px;
   background-color:white;
   border-color:LightBlue;
   border-width:0.5em;
   border-style:solid;
      
}


.EditorEditMenu
{
 
 position:absolute; 
 background-color:white; 
 border:LightBlue; 
 border-style:solid ; 
 border-width:0.5em;
 visibility:hidden;
 width:130px;   
 font-weight:normal; 
 text-align:left;
 
}

.EditorMenuPnl
{
 padding:2px; 
 border-bottom-style:solid ; 
 border-bottom-color:LightBlue;

}

/*###################################*/




