/*
author: Vivek Gupta
created: 09 Feb 2006
purpose: positioning scheme for artinstitutes
*/

/* === */
#container	{
position:	relative;
z-index	:	0;
width	:	760px;
margin	:	0 auto;
/*background-color:	#ffffff;*/
background-color:	#6EA2CA;
}

#head	{
position:	relative;
/*z-index	:	100;*/
width	:	760px;
height	:	210px;
left :16px;
/*background-color:	#FFFFFF;*/
}

#ai_cobrand_head {
position	:	absolute;
/*z-index		:	200;*/
width		:	761px;
height		:	211px;
top			:	0px;
left		:	-16px;

}

#headnoform {
position:	relative;
z-index	:	100;
width	:	761px;
height	:	211px;
top		:	0px;
left	:	0px;
background-color:	#6EA2CA;
}

#mid	{
position:absolute;
/*top: 100px
z-index	:	100;*/
width	:	731px;
height	:	500px;
left	:	16px;
background-color:#FFFFFF;
}

#index_image{
	position:relative;
	/*top: 50px*/
	z-index	:	100;
	width	:	315px;
	height	:	46px;
	left	:	-10px;
	/*background-color:#FFFFFF;*/




}

#midnoform {
position:	relative;
z-index	:	100;
width	:	760px;
height	:	480px;
left	:	0px;
background-color:	#6EA2CA;
}



#foot	{
position	:	absolute;
top:700px;
/*z-index		:	100;*/
width		:	731px;
height		:	30px;
left		:	16px;
background-color	:	#FFFFFF;
}

#noformfoot	{
position	:	absolute;
top:580px;
z-index		:	100;
width		:	720px;
height		:	30px;
left		:	0px;
background-color	:	#6EA2CA;
}

/*#formfoot	{
position	:	absolute;
top:980px;
z-index		:	200;
width		:	720px;
height		:	30px;
left : 139px;
background-color	:	#FFFFFF;
}*/

#formfoot	{
position:	relative;
top:		970px;
z-index	:	0;
width	:	731px;
margin	:	0 auto;
height		:	30px;
left:1px;
background-color	:	#FFFFFF;
}


/* === HEAD SECTION === */

#head1	{
position	:	absolute;
z-index		:	200;
width		:	387px;
height		:	129px;
top			:	0px;
left		:	0px;
}

#head4	{
position	:	absolute;
z-index		:	200;
width		:	373px;
height		:	73px;
top			:	0px;
left		:	387px;
}

#head5	{
position	:	absolute;
z-index		:	200;
width		:	373px;
height		:	130px;
top			:	73px;
left		:	387px;
}

/* === MID SECTION === */

#mid1	{
position:	absolute;
z-index	:	200;
width	:	330px;
height	:	350px;
top		:	0px;
left	:	0px;
background-color:	#FFFFFF;
/*background-color:	#678cb7;*/
}

#mid2	{
position:	absolute;
z-index	:	200;
width	:	383px;
height	:	400px;
top		:	0px;
left	:	335px;
/*float	:	left;*/
background-color:	#6EA2CA;
/*background-color:	#eaeff4;*/
}

#indexformbottom{

	position:	relative;
	z-index	:	200;
	width	:	384px;
	height	:	36px;
	top		:	53px;
	left	:	-3px;
	/*float	:	left;
	background-color:	#6EA2CA;*/

}

#midform {
position:absolute;
/*top: 100px
z-index	:	100;*/
width	:	731px;
height	:	970px;
left	:	16px;
background-color:#FFFFFF;
}

#midform1	{
position:	absolute;
z-index	:	200;
width	:	330px;
height	:	800px;
top		:	0px;
left	:	10px;
background-color:	#FFFFFF;
}

#midform2	{
position:	absolute;
z-index	:	200;
width	:	383px;
height	:	1000px;
top		:	0px;
left	:	335px;
/*float	:	left;*/
background-color:	#6EA2CA;
}

/* === FOOT SECTION === */

#foot1	{
	position	:	absolute;
	/*z-index		:	150;*/
	width		:	75px;
	height		:	30px;
	top			:	0px;
	left		:	190px;
}

#formfoot1	{
	position	:	absolute;
	/*z-index		:	150;*/
	width		:	75px;
	height		:	30px;
	top			:	0px;
	left		:	190px;
}

#foot2	{
	position	:	absolute;
	/*z-index		:	200;*/
	width		:	100px;
	height		:	30px;
	top			:	0px;
	left		:	265px;
}

#formfoot2	{
	position	:	absolute;
	/*z-index		:	200;*/
	width		:	100px;
	height		:	30px;
	top			:	0px;
	left		:	265px;
}

#foot3	{
	position	:	absolute;
	/*z-index		:	200;*/
	width		:	200px;
	height		:	30px;
	top			:	0px;
	left		:	350px;
	/*background-color:	#000000;*/
}

#formfoot3	{
	position	:	absolute;
	/*z-index		:	200;*/
	width		:	200px;
	height		:	30px;
	top			:	0px;
	left		:	350px;
	/*background-color:	#000000;*/
}

#bar {

	position	:	absolute;
	/*z-index		:	200;*/
	left : 350px;
	width		:	10px;
	height		:	30px;
	top			:4px;
}

/* === HEAD CONTENT === */

#logo	{
	position	:	absolute;
	z-index		:	300;
	width		:	190px;
	height		:	53px;
	top			:	21px;
	left		:	262px;
}

/* === MID LEFT CONTENT === */

#copytitle	{
	position	:	relative;
	z-index		:	300;
	width		:	224px;
	height		:	47px;
	top			:	16px;
	left		:	6px;
}

#copy	{
	position	:	relative;
	z-index		:	300;
	padding-left:	20px;
	padding-top	:	20px;
	padding-right:	20px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	line-height	:	1.5;
}

#noformcopy {
	position	:	relative;
	z-index		:	300;
	width		:	720px;
	left		:	20px;
	padding-top	:	20px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	float		:	left;
	line-height	:	1.5;
}

#programs	{
	position	:	relative;
	z-index		:	300;
	width		:	224px;
	left		:	10px;
	text-align	:	left;
}

/* === MID RIGHT CONTENT === */

#formhdr	{
	position	:	relative;
	z-index		:	300;
	height		:	36px;
	top			:	0px;
	left		:	0px;
	padding-bottom: 10px;
	width:384px;
}

#indexformhdr	{
	position	:	relative;
	/*z-index		:	300;*/
	width : 383px;
	height		:	43px;
	top			:	0px;
	left		:	1px;
	/*padding-bottom: 10px;*/
}

#formbody	{
	position	:	absolute;
	z-index		:	300;
	top			:   50px;
	left		:	3px;
}

#prequal_formbody	{
	position	:	absolute;
	z-index		:	300;
	top			:   70px;
	left		:	3px;
}

#postqual_formbody{
	position	:	absolute;
	/*z-index		:	300;*/
	top			:   50px;
	left		:	0px;

}
/* ============ROWS-COLUMNS IN PREQUAL AND FORM================== */

#preqrow1 {
	position	:	relative;
	z-index		:	400;
	height		:	80px;
}

#preqrow2 {
	position	:	relative;
	z-index		:	400;
	height		:	60px;
}

#preqrow3 {
	position	:	relative;
	z-index		:	400;
	height		:	60px;
}

#preqrow4 {
	position	:	relative;
	z-index		:	400;
	height		:	50px;
	padding-top	:	20px;
}

#formtopnote {
	z-index		:	400;
	position: relative;
	/*width		:	400px;*/
	height		:	12px;
	margin-bottom:	15px;
	text-align	:	right;
}

#formrow {
	z-index		:	380;
	position	: 	relative;
	width		:	380px;
	height		:	15px;
	padding-right:	0px;
}


#formmsg {
	z-index		:	400;
	width		:	300px;
	height		:	20px;
	padding-right:	20px;
	float		:	right;
}

#preqcol1 {
	position	:	absolute;
	z-index		:	500;
	width		:	20px;
	height		:	50px;
	left		:	5px;
}

#preqcol2 {
	position	:	absolute;
	z-index		:	500;
	left		:	35px;
	height		:	100;
	float 		: left;
}

#button {
	position	:	absolute;
	top			:	0px;
	left		:	100px;
}

#preqbtnrow {
	z-index		:	400;
	position	:	relative;
	left		:	105px;
	width		:	126px;
	height		:	31px;
	float		:	none;
}

#formbtnrow {
	z-index		:	400;
	position	:	absolute;
	left		:	125px;
	width		:	126px;
	height		:	31px;
}


/* === */



#popbox {
position:	relative;
z-index	:	0;
width	:	450px;
margin	:	0 auto;
/*background-color: #FFFFFF;*/
background-color: #6EA2CA;
}

#regpopbox {
position:	absolute;
z-index	:	0;
top:0px;
left:0px;
width	:	450px;
/*margin	:	0 auto;
background-color: #FFFFFF;*/
background-color: #000000;
}

#poptop {
position:	relative;
z-index	:	10;
width	:	450px;
height	:	60px;


}

#regpoptop {
position:	absolute;
width	:	450px;
height	:	60px;
background-color: #6EA2CA;

}

#poptopleft {
position:	absolute;
top: 0px;
left: 0px;
z-index	:	10;
width	:	66px;
height	:	60px;

}

#popTopLogRight {
position:	absolute;
top: 0px;
left: 0px;
z-index	:	10;
width	:	66px;
height	:	60px;

}


#regpoptopleft {
position:	absolute;
top: 0px;
left: 0px;
z-index	:	10;
width	:	66px;
height	:	60px;

}

#poptopright {
position:	absolute;
top: 78px;
right: 20px;
z-index	:	10;
width	:	100px;
height	:	14px;
border	:	0px;
margin	:	0px;
}

#regpoptopright {
position:	absolute;
top: 70px;
left : 0px;
width	:450px;
height	:	25px;
background-color: #FFFFFF;
}

#regpoptoprightContent {
padding-top:10px;
padding-left:290px;
}

#popmidtext {
position:absolute;
/*z-index	:10;*/
top:95px;
width	:	450px;
text-align: left;
background-color: #FFFFFF;

}

#subpopmidtext {
padding-left : 20px;
padding-top : 20px;

}

#popprogmidtext{
position:	absolute;
z-index	:	10;
width	:	250px;
top : 120px;
left:190px;
text-align: left;
background-color: #6EA2CA;
}
#subpopprogmidtext{
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
padding-bottom: 15px;
background-color: #FFFFFF;
}

##onlineDescHeader {
    position	:	absolute;
	left		:	15px;
	top : 10px;
	width		:	200px;
	height		:	31px;

}

#popleftcopy{
position:absolute;
width	:	180px;
left:10px;
top:120px;
/*padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;*/
text-align: left;
background-color: #6EA2CA;
}

#regpopleftcopy{
position:absolute;
width	:	180px;
left:10px;
top:120px;
text-align: left;
background-color: #6EA2CA;
}

#popmidimg {
position:	relative;
z-index	:	10;
padding-left: 15px;
padding-right: 15px;
}

#popmidsubtitle {
position:	relative;
z-index	:	10;
width	:	420px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
text-align: left;
}

#popbot {
position:	relative;
text-align:	center;
z-index	:	10;
width	:	450px;
height	:	45px;
background-color: #FFFFFF;
}

#regpopbot {
position:	relative;
/*text-align:	center;*/
z-index	:	10;
width	:	450px;
height	:	0px;
background-color: #FFFFFF;
}


#progpopbot{
position: relative;
padding-left: 150px;
width	:	250px;
height	:	45px;
background-color: #6EA2CA;
}

#popbot1 {
position:	relative;
text-align:	center;
top     : 2600px;
z-index	:	10;
width	:	450px;
height	:	45px;
background-color: #678cb7;
}

/* elies links */

#belowfoot {
	position	:	relative;
	z-index		:	100;
	width		:	730px;
	top			:	1300px;
	left		:	0px;
}

#belowfootnoform {
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	top			:	1330px;
	left		:	0px;
}