﻿/* Layout for Design 4 */

/************* LayoutEditor ************/
.LayoutEditor {text-align:center;}
/*All styles can be configured differently for the layout designer if need be. */


/******** Template Area Styling ********/
#masterArea0 {width:300px; overflow:hidden; float:left; padding-left:10px;  }
#masterArea1 {width:610px; overflow:hidden; float:left; }
#masterArea2 {width:920px; overflow:hidden; clear:left;}
#masterArea3 {width:920px; overflow:hidden;} 
#masterArea4 {width:920px; overflow:hidden; }
#masterArea5 {width:920px; overflow:hidden; }

/******** Template Area Styling For Drag & Drop********/
#LayoutEditor #masterArea0 {width:300px; overflow:hidden; float:left; }
#LayoutEditor #masterArea1 {width:420px; overflow:hidden; float:left; }
#LayoutEditor #masterArea2 {width:720px; overflow:hidden; clear:left;}
#LayoutEditor #masterArea3 {width:720px; overflow:hidden;} 
#LayoutEditor #masterArea4 {width:720px; overflow:hidden;}
#LayoutEditor #masterArea5 {width:720px; overflow:hidden;}

/***** ContentPlaceHolder Templates *****/
#area0,#area1,#area2,#area3,#area4,#area5,#area6 { overflow:hidden; }

/* ContentPlaceHolder1 - Basic One Column Layout */
#contentPlaceHolder1		{width:920px;}
#contentPlaceHolder1 #area0 {width:910px; padding:5px;}

/* ContentPlaceHolder2 - 2 Even columns with header & footer */
#contentPlaceHolder2		{width:920px; padding:10px; }
#contentPlaceHolder2 #area0 {width:880px;}	/*Header*/
#contentPlaceHolder2 #area1 {float:left; width:430px;}	/*Col 1*/
#contentPlaceHolder2 #area2 {float:left; width:430px;}	/*Col 2*/
#contentPlaceHolder2 #area3 {clear: left; width:880px; }/*Footer*/

#contentPlaceHolder2 #area0,#contentPlaceHolder2 #area1,
#contentPlaceHolder2 #area2,#contentPlaceHolder2 #area3 { padding:10px; }/* Padding */

/* ContentPlaceHolder3 - 3 Even columns with header & footer */
#contentPlaceHolder3		{width:920px; }
#contentPlaceHolder3 #area0 {width:910px;}				/*Header*/
#contentPlaceHolder3 #area1 {float:left; width:295px;}	/*Col 1*/
#contentPlaceHolder3 #area2 {float:left; width:295px; }	/*Col 2*/
#contentPlaceHolder3 #area3 {float:left; width:295px;}	/*Col 3*/
#contentPlaceHolder3 #area4 {clear: left; width:910px;}	/*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:920px; }
#contentPlaceHolder4 #area0 {float:left; width:910px;}	/*Header*/
#contentPlaceHolder4 #area1	{float:left; width:290px;}	/*Col 1*/
#contentPlaceHolder4 #area2	{float:left; width:570px;}	/*Col 2*/
#contentPlaceHolder4 #area3 {clear: left; width:910px; }/*Footer*/
#contentPlaceHolder4 #area0,#contentPlaceHolder4 #area1,
#contentPlaceHolder4 #area2,#contentPlaceHolder4 #area3 { padding:0 10px 0 10px; }	

/* ContentPlaceHolder5 - 2 Columns headers and footer Thin Right Column*/
#contentPlaceHolder5 {width:920px; }
#contentPlaceHolder5 #area0 {float:left; width:910px;}	/*Header*/
#contentPlaceHolder5 #area1	{float:left; width:570px;}	/*Col 1*/
#contentPlaceHolder5 #area2	{float:left; width:310px;}	/*Col 2*/
#contentPlaceHolder5 #area3 {clear: left; width:910px; }/*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:920px;}
#contentPlaceHolder_Profile #area0	{float:left; width:310px;}	/*Col 1*/
#contentPlaceHolder_Profile #area1	{float:left; width:590px;}	/*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}