﻿/* Layout for Design 5 */

/************* LayoutEditor ************/
.LayoutEditor {text-align:center;}
/*All styles can be configured differently for the layout designer if need be. */


/******** Template Area Styling ********/
#masterArea0, #masterArea1, #masterArea2, #masterArea3, 
#masterArea4, #masterArea5, #masterArea6 {overflow:hidden;}

#masterArea0 {width:495px; float:left; margin:0px;}
#masterArea1 {width:495px; float:left; margin:0px;}
#masterArea2 {width:990px; clear:left;}
#masterArea3 {width:185px; float:left;} 
#masterArea4 {width:620px; float:left;}
#masterArea5 {width:185px; float:left;}
#masterArea6 {width:990px; clear:left;}

/******** Template Area Styling For Drag & Drop********/
#LayoutEditor #masterArea0 {width:395px; float:left;}
#LayoutEditor #masterArea1 {width:395px; float:left;}
#LayoutEditor #masterArea2 {width:790px; clear:left;}
#LayoutEditor #masterArea3 {width:185px; float:left;} 
#LayoutEditor #masterArea4 {width:420px; float:left;}
#LayoutEditor #masterArea5 {width:185px; float:left;}
#LayoutEditor #masterArea6 {width:790px; clear:left; }

/***** ContentPlaceHolder Templates *****/
#area0,#area1,#area2,#area3,#area4,#area5,#area6 { overflow:hidden; }

/* ContentPlaceHolder1 - Basic One Column Layout */
#contentPlaceHolder1		{width:620px;}
#contentPlaceHolder1 #area0 {width:610px; padding:5px;}

/* ContentPlaceHolder2 - 2 Even columns with header & footer */
#contentPlaceHolder2		{width:620px; padding:5px;}
#contentPlaceHolder2 #area0 {width:610px;}	/*Header*/
#contentPlaceHolder2 #area1 {float:left; width:295px;}	/*Col 1*/
#contentPlaceHolder2 #area2 {float:left; width:295px;}	/*Col 2*/
#contentPlaceHolder2 #area3 {clear:left; width:610px;  }/*Footer*/

#contentPlaceHolder2 #area0,#contentPlaceHolder2 #area1,
#contentPlaceHolder2 #area2,#contentPlaceHolder2 #area3 { padding:5px }/* Padding */

/* ContentPlaceHolder3 - 3 Even columns with header & footer */
#contentPlaceHolder3		{width:620px; }
#contentPlaceHolder3 #area0 {width:610px;}				/*Header*/
#contentPlaceHolder3 #area1 {float:left; width:193px;}	/*Col 1*/
#contentPlaceHolder3 #area2 {float:left; width:193px; }	/*Col 2*/
#contentPlaceHolder3 #area3 {float:left; width:193px;}	/*Col 3*/
#contentPlaceHolder3 #area4 {clear: left; width:620px;}	/*Footer*/
#contentPlaceHolder3 #area0,#contentPlaceHolder3 #area1,
#contentPlaceHolder3 #area2,#contentPlaceHolder3 #area3,
#contentPlaceHolder3 #area4 { padding:5px;}	/* Padding */

/* ContentPlaceHolder4 - 2 Columns headers and footer Thin Left Column*/
#contentPlaceHolder4 {width:620px; }
#contentPlaceHolder4 #area0 {float:left; width:610px;}	/*Header*/
#contentPlaceHolder4 #area1	{float:left; width:210px;}	/*Col 1*/
#contentPlaceHolder4 #area2	{float:left; width:380px;}	/*Col 2*/
#contentPlaceHolder4 #area3 {clear: left; width:610px; }/*Footer*/
#contentPlaceHolder4 #area0,#contentPlaceHolder4 #area1,
#contentPlaceHolder4 #area2,#contentPlaceHolder4 #area3 { padding:0 5px 0 5px; }	

/* ContentPlaceHolder5 - 2 Columns headers and footer Thin Right Column*/
#contentPlaceHolder5 {width:620px; }
#contentPlaceHolder5 #area0 {float:left; width:610px;}	/*Header*/
#contentPlaceHolder5 #area1	{float:left; width:385px;}	/*Col 1*/
#contentPlaceHolder5 #area2	{float:left; width:215px;}	/*Col 2*/
#contentPlaceHolder5 #area3 {clear: left; width:610px; }/*Footer*/
#contentPlaceHolder5 #area0,#contentPlaceHolder5 #area1,
#contentPlaceHolder5 #area2,#contentPlaceHolder5 #area3 { padding:0 5px 0 5px; }	


/* contentPlaceHolder_Profile - 2 Columns no headers or footers */
#contentPlaceHolder_Profile			{width:620px;}
#contentPlaceHolder_Profile #area0	{float:left; width:210px;}	/*Col 1*/
#contentPlaceHolder_Profile #area1	{float:left; width:380px;}	/*Col 2*/
#contentPlaceHolder_Profile #area0,
#contentPlaceHolder_Profile #area1 {padding:0 5px 0 5px;}/* Padding */

/******************************************************/
/******************************************************/
/******** Template Area Styling For Drag & Drop********/
/******************************************************/
/******************************************************/

/* ContentPlaceHolder1 - Basic One Column Layout */
#LayoutEditor #contentPlaceHolder1	{width:639px; float:left; display:inline; margin-left:3px;}
#LayoutEditor #contentPlaceHolder1 #area0 {float:left; display:inline; width:99%;}

/* ContentPlaceHolder2 - 2 Even columns with header & footer */
#LayoutEditor #contentPlaceHolder2	{width:640px;}
#LayoutEditor #contentPlaceHolder2 #area0 {float:left; width:630px;} /*Header*/
#LayoutEditor #contentPlaceHolder2 #area1 {float:left; width:310px;} /*Col 1*/
#LayoutEditor #contentPlaceHolder2 #area2 {float:left; width:310px;} /*Col 2*/
#LayoutEditor #contentPlaceHolder2 #area3 {clear: left; width:630px;} /*Footer*/
#LayoutEditor #contentPlaceHolder2 #area0, #LayoutEditor #contentPlaceHolder2 #area1, #LayoutEditor #contentPlaceHolder2 #area2, #LayoutEditor #contentPlaceHolder2 #area3 {padding:5px;}

/* ContentPlaceHolder3 - 3 Even columns with header & footer */
#LayoutEditor #contentPlaceHolder3 {width:640px;}
#LayoutEditor #contentPlaceHolder3 #area0 {width:630px;} /*Header*/
#LayoutEditor #contentPlaceHolder3 #area1 {float:left; width:203px;} /*Col 1*/
#LayoutEditor #contentPlaceHolder3 #area2 {float:left; width:204px;} /*Col 2*/
#LayoutEditor #contentPlaceHolder3 #area3 {float:left; width:203px;} /*Col 3*/
#LayoutEditor #contentPlaceHolder3 #area4 {clear:left; width:630px;} /*Footer*/
#LayoutEditor #contentPlaceHolder3 #area0, #LayoutEditor #contentPlaceHolder3 #area1, #LayoutEditor #contentPlaceHolder3 #area2, #LayoutEditor #contentPlaceHolder3 #area3, #LayoutEditor #contentPlaceHolder3 #area4 {padding:5px;}

/* ContentPlaceHolder4 - 2 Columns headers and footer Thin Left Column*/
#LayoutEditor #contentPlaceHolder4 {width:640px;}
#LayoutEditor #contentPlaceHolder4 #area0 {float:left; width:630px;} /*Header*/
#LayoutEditor #contentPlaceHolder4 #area1 {float:left; width:185px;} /*Col 1*/
#LayoutEditor #contentPlaceHolder4 #area2 {float:left; width:435px;} /*Col 2*/
#LayoutEditor #contentPlaceHolder4 #area3 {clear:left; width:630px;} /*Footer*/
#LayoutEditor #contentPlaceHolder4 #area0, #LayoutEditor #contentPlaceHolder4 #area1, #LayoutEditor #contentPlaceHolder4 #area2, #LayoutEditor #contentPlaceHolder4 #area3 {padding:0px 5px;}	

/* ContentPlaceHolder5 - 2 Columns headers and footer Thin Right Column*/
#LayoutEditor #contentPlaceHolder5 {width:640px;}
#LayoutEditor #contentPlaceHolder5 #area0 {float:left; width:630px;} /*Header*/
#LayoutEditor #contentPlaceHolder5 #area1 {float:left; width:435px;} /*Col 1*/
#LayoutEditor #contentPlaceHolder5 #area2 {float:left; width:185px;} /*Col 2*/
#LayoutEditor #contentPlaceHolder5 #area3 {clear:left; width:630px;} /*Footer*/
#LayoutEditor #contentPlaceHolder5 #area0, #LayoutEditor #contentPlaceHolder5 #area1, #LayoutEditor #contentPlaceHolder5 #area2, #LayoutEditor #contentPlaceHolder5 #area3 {padding:0px 5px;}	

/* contentPlaceHolder_Profile - 2 Columns no headers or footers */
#LayoutEditor #contentPlaceHolder_Profile {width:640px;}
#LayoutEditor #contentPlaceHolder_Profile #area0 {float:left; width:185px;}	/*Col 1*/
#LayoutEditor #contentPlaceHolder_Profile #area1 {float:left; width:435px;}	/*Col 2*/
#LayoutEditor #contentPlaceHolder_Profile #area0, #LayoutEditor #contentPlaceHolder_Profile #area1 {padding-left:10px}