/**************************************************************************************
   * Art Institute Online (AIO) Site												  *
   * @Filename	: positioning.css								                      *
   * @Created	: Dec 28 2006														  *
   * @Author	: Vinayak Chalse                                                      *
   * @Discription  : This page contains the positioning scheme for AIO Site           *
**************************************************************************************/

#container	{
	position	:	absolute;
	z-index		:	0;
	width		:	780px;
	height		:	725px;
	background-color	: #cc0000;
}

#formcontainer	{
	position	:	absolute;
	z-index		:	0;
	width		:	780px;
	height		:	980px;
	background-color	: #cc0000;
}
#processing{
    position    :   relative;
    height      :   39px;
    left        :   -50px;
}
#head	{
	position	:	absolute;
	z-index		:	100;
	width		:	746px;
	height		:	136px;
	top			:	0px;
	left		:	0px;
}

#promotionalBlurb {

	position	:	absolute;
	z-index		:	200;
	width		:	186px;
	height		:	136px;
	top			:	44px;
	left		:	480px

}

#thankyou_promotional {
	position	:	absolute;
	z-index		:	200;
	width		:	186px;
	height		:	136px;
	top			:	500px;
	left		:	480px

}

#head1	{ 
	position	:	absolute;
	z-index		:	200;
	width		:	186px;
	height		:	136px;
	top			:	0px;
	left		:	17px
}

#head2	{ 
	position	:	absolute;
	z-index		:	200;
	width		:	186px;
	height		:	136px;
	top			:	0px;
	left		:	203px;
}

#head3	{	
	position	:	absolute;
	z-index		:	200;
	width		:	186px;
	height		:	136px;
	top			:	0px;
	left		:	389px;
}

#head4	{
	position	:	absolute;
	z-index		:	200;
	width		:	188px;
	height		:	136px;
	top			:	0px;
	left		:	575px;
}

#premid	{
	position	:	absolute;
	z-index		:	200;
	width		:	746px;
	height		:	536px;
	top			:	136px;
	left		:	17px;
	background-color	: #FFFFFF;
}

#premid1	{
	position	:	relative;
	z-index		:	300;
	width		:	290px;
	height		: 	361px; 
	top			:	4px;
	/*left		:	0px;*/
}

#copytitle	{ 
	position	:	relative;
	z-index		:	400;
	height		:	35px;
	left		:	17px;
	top			:	10px;
	font-family	:	ariel;
	font-size	:	20px;
	font-weight	:	bold;
	color	    :	#CC0000;
}

#copy	{
	position	:	relative;
	z-index		:	400;
	width		:	290px;
	left		:	17px;
	top			: 	0px;
}

#premid2	{
	position	:	absolute;
	z-index		:	300;
	width		:	420px;
	height		:	460px;
	top			:	4px;
	left		:	310px;
}

#premid3	{	 
	position	:	absolute;
	z-index		:	100;
	width		:	20px;
	height		:	62px; 
	top			:	4px;
	left		:	290px;
}

#premidrefer	{
	position	:	absolute;
	z-index		:	200;
	top			:	100px;
	left		:	0px;
	width		:	800px;
	height		:	200px;
}

#pretitle 	{	 
	position	:	absolute;
	z-index		:	300;
	width		:	420px;
	height		:	63px; 
	left		:	0px;
}
#prebody {
	position	:	absolute;
	z-index		:	300;
	width		:	420px;
	height		:	274px;
	left		:	0px;
	top			:	63px;
	background-color	: #CC0101;
}

#prebodyarea{
    position            : absolute;
	background-color	: #FFFFCC;
    width               : 416px;
    top                 : 2px;
    left                : 2px;
}
  
#postmid2{
    position	:	absolute;
	z-index		:	300;
	width		:	420px;
	height		:	200px;
	top			:	4px;
	left		:	310px;
}

#postformbody {
	position	:	absolute;
	z-index		:	600;
	width		:	420px;
	height		:	135px;
	left		:	0px;
	top			:	63px;
	background-color	:	#CC0101;
}

#postbodyarea {
    position        : absolute;
    width           : 416px;
    top             : 2px;
    left            : 2px;
    height		    :	131px;
    background-color	:	#FFFFCC;
}

#preqbutton {
	position	:	relative;
	z-index		:	500;
	left		:	120px;
	top			:	25px; 
}
#preq{
	position	:	absolute;
    top         :   18px;
    z-index		:	400;
	width		:	400px;
	height		:	30px;         
    left        :   10px;
}
#preqans{
	position	:	relative;
    top         :   1px;
    z-index		:	400;
	width		:	310px;
	left		:	40px;
}

#postq{
    position	:	absolute;
    top         :   18px;
    z-index		:	400;
	width		:	400px;
	height		:	30px;         
    left        :   10px;
}
#postqans{
  position	:	relative;
    top         :   0px;
    z-index		:	400;
	width		:	310px;
	height		:	23px;
	left		:	35px;
}

#preqans1{
	position	:	relative;
    z-index		:	400;
	height		:	30px;
	left		:	500px;
}
#preaerr{
	position	:	relative;
	z-index		:	400;
	left		:	32px;
	top			:	7px;
}
#postaerr{
    position	:	relative;
	z-index		:	400;
	left		:	40px;
	top			:	8px;
}

#form_aerr{
	position	:	relative;
	z-index		:	400;
	top			:	5px;
}

#formmid	{
	position	:	absolute;
	z-index		:	200;
	width		:	746px;
	height		:	759px;
	top			:	136px;
	left		:	17px;
	background-color	: #FFFFFF;
}

#formbottom	{
	position	:	absolute;
	z-index		:	200;
	top			:	894px;
	left		:	17px;
}

#prequalbottom	{
	position	:	absolute;
	z-index		:	200;
	top			:	663px;
	left		:	17px;
}
#prequalrefer	{
	position	:	absolute;
	z-index		:	100;
	top			:	5px;
	left		:	0px;
	width		:	800px;
}


#prequalreferend1	{
	position	:	absolute;
	z-index		:	200;
	top			:	180px;
	left		:	0px;
	width		:	700px;
	height		: 	25px;
	background-color	: #CCCCCC;
}

#prequalreferend	{
	position	:	absolute;
	z-index		:	200;
	top			:	5px;
	left		:	0px;
	width		:	700px;
	height		: 	25px;
	background-color	: #CCCCCC;
}
#premidreferend	{
	position	:	absolute;
	z-index		:	200;
	top			:	210px;
	left		:	0px;
	width		:	700px;
	
}

#formmid1	{
	position	:	relative;
	z-index		:	300;
	width		:	290px;
	height		: 	580px;
	top			:	4px;
	left		:	0px;
}

#formmid2	{
	position	:	absolute;
	z-index		:	300;
	width		:	420px;
	height		:	640px;
	top			:	4px;
	left		:	310px;
}

#formcopy	{
	position	:	relative;
	z-index		:	400;
	width		:	290px;
	left		:	17px;
	top			: 	5px;
}

#formbody {      /*old no height*/
	position	:	absolute;
	z-index		:	200;
	width		:	420px;
	left		:	0px;
	top			:	63px;
    background-color	:	#CC0101;
}
#formbodyarea {
	position            : absolute;
	background-color	: #FFFFCC;
    width               : 416px;
    top                 : 2px;
    left                : 2px;
}



#form_bot_grey{
    position    :   relative;
    z-index		:	600;
    top         :   653px;
}

#post_bot_grey{
    position    : relative;
    z-index		: 600;
    top         : 198px;
    left        : 0px;
    
}

#pre_bot_grey
{
    position    :   relative;
    top         :   337px;
    left        :   0;
    z-index     :   500;
}

#footer	{
	position	:	absolute;
	z-index		:	200;
	width		:	746px;
	height		:	50px;
	left		:	17px;
	top			: 	675px;
}

#formfooter {
	position	:	absolute;
	z-index		:	200;
	width		:	780px;
	height		:	50px;
	left		:	0px;
	top			: 	915px;
}

#popcontainer	{
	position	:	absolute;
	z-index		:	0;
	width		:	540px;
	height		:	750px;
	top			:	0px;
	left		:	0px;
	background-color	: #cc0000;
}

#popPPcontainer	{
	position	:	absolute;
	z-index		:	0;
	width		:	540px;
	height		:	3660px;
	top			:	0px;
	left		:	0px;
	background-color	: #cc0000;
}


#popCAcontainer	{
	position	:	absolute;
	z-index		:	0;
	width		:	540px;
	height		:	3190px;
	top			:	0px;
	left		:	0px;
	background-color	: #cc0000;
}

#pophead	{
	position	:	absolute;
	z-index		:	100;
	width		:	500px;
	height		:	82px;
	top			:	0px;
	left		:	20px;
	background-color	: #FFFFFF;
}

#hdrfade	{
	position	:	absolute;
	z-index		:	100;
	width		:	500px;
	height		:	15px;
	top			:	82px;
	left		:	20px;
}

#popbody {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	650px;
	top			:	97px;
	left		:	20px;
	background-color	:	#FFFFFF;
}

#popPPbody {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	3520px;
	top			:	97px;
	left		:	20px;
	background-color	:	#FFFFFF;
}

#popCAbody {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	3070px;
	top			:	97px;
	left		:	20px;
	background-color	:	#FFFFFF;
}

#poptext	{
	position	:	absolute;
	z-index		:	300;
	width		:	460px;
	left		:	25px;
	background-color	:	#FFFFFF;
}

#poplogo { 
	position	:	absolute;
	z-index		:	200;
	width		:	208px;
	height		:	52px;
	top			:	15px;
	left		:	265px;
}

#poplogo1 { 
    height:52px;
    left:20pt;
    top:0px;
    width:122px;
    z-index:200;
    position	:	absolute;
}

#closewnd	{
	position	:	absolute;
	z-index		:	200;
	height		:	25px;
	top			:	65px;
	font-family	:	verdana;
	font-size	:	11px;
	color		: 	#0000FF;
	text-decoration	:	underline;
	left		:399px;
}

#closewndnew	{
	position	:	absolute;
	top			:	65px;
	left		:540px;

}

#programcontainer {
	position	:	absolute;
	z-index		:	0;
	width		:	650px;
	height		:   920px; 
	top			:	0px;
	left		:	0px;
	background-color	: #cc0000;
}

#programhead {
	position	:	absolute;
	z-index		:	100;
	width		:	630px;
	height		:	82px;
	top			:	0px;
	left		:	10px;
	background-color	: #FFFFFF;
}

#hdrfade1	{
	position	:	absolute;
	z-index		:	100;
	width		:	630px;
	height		:	15px;
	top			:	82px;
	left		:	10px;
}

#programbody {
	position	:	absolute;
	z-index		:	200;
	width		:	630px;
	height		:	800px;
	top			:	97px;
	left		:	10px;
	background-color	:	#FFFFFF; 
}

#progCopytext	{
	position	:	absolute;
	z-index		:	300;
	width		:	585px;
	left		:	25px;
}

#programlst {
	position	:	absolute;
	z-index		:	300;
	width		:	253px;
	top			: 	160px;
	height		:	300px;
	left		:	25px;
}
#programtext	{
	position	:	absolute;
	z-index		:	400;
	top			:	20px;
	padding-left:	20px;
	font-family	:	arial;
	font-size	:	11px;
	color		:   #000033;
}

#programdesc {
	position	:	absolute;
	z-index		:	300;
	width		:	346px;
	height		:	514px;
	top			:	160px;
	left		:	280px;
}

#desctext	{
	position	    :	absolute;
	z-index		    :	400;
	padding-top	    :	10px;
	padding-bottom	:	10px;
	padding-left    :	20px;
	padding-right   :	20px;
	border          :   1px solid #E57F7F;
	background-color	:	#E5E5E5;
	font-family 	:	verdana;
	font-size	    :	11px;
}

#closewnd1	{
	position	:	relative;
	z-index		:	400;
	height		:	25px;
	top			:	780px;
	font-family	:	verdana;
	font-size	:	11px;
	color		: 	#0000FF;
	text-decoration	:	underline;
}

#faqcontainer	{
	position	:	absolute;
	z-index		:	0;
	width		:	540px;
	height		:	1670px;
	top			:	0px;
	left		:	0px;
	background-color	: #cc0000;
}

#faqbody {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	1570px; 
	top			:	97px;
	left		:	20px;
	background-color	:	#FFFFFF;
}


#container2 {
	position	:	relative;
	z-index		:	0;
	width		:	800px;
	margin		:	0 auto;
}

/* =======================Header Section========================= */

#foot	{
	position	:	absolute;
	z-index		:	100;
	width		:	760px;
	height		:	30px;
	top			:	540px;
	background-color	:	#FFFFFF;
}



#formfoot	{
	position	:	absolute;
	z-index		:	100;
	width		:	760px;
	height		:	30px;
	top			:	855px;
	background-color	:	#FFFFFF;
}


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

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



#formerror {
	position	:	relative;
	z-index		:	400;
	height		:	5px;
	top			:	-1px;
	width		:	200px;
	left		:	80px;
	padding-right:	10px;
}


#copyright { 
	position:relative; 
	top:20px; 
	left:385px; 
	background-color:#FFFFFF; 
	width:380px; 
	height: 35px;
}

#aHSGPA{
    position	:	relative;
    left        :   105px;
}

#errHSGPA{
  position	    :	relative;
  left          :   1px;
}

#aCA{
    position	:	relative;
    left        :   105px;
}
#errCA{
    position	:   relative;
    left        :   1px;
}

#preElementAlign{
    position    :    relative;
    left        :    205px;
}

#formsubtab{
    position    :   relative;
}