/* body and layout */
body, html 
{
	width:100%;
	height:100%;
	}

BODY{
	background-image: url('images/bgdiag.jpg');
	background-attachment:fixed; 
	background-color: #f4f4f4;
	margin:0;
	FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE:10px;
	FONT-WEIGHT:normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM:none;
	WORD-SPACING:normal;
	scrollbar-face-color:#80a7de;
	scrollbar-highlight-color:#c8df6b;
	scrollbar-3dlight-color:#3282f8;
	scrollbar-shadow-color:#588bd4;
	scrollbar-darkshadow-color:#29599f;
	scrollbar-track-color:#d1dff3;
	scrollbar-arrow-color:#000;
}
BODY,td {
	font-size:12px
}

#topbar
{
	background-color: #91ACD5;
	height:98px;
	background-image:url('images/headergradient.jpg');
	background-repeat:repeat-x;
	vertical-align:top;
	border-left:solid 1px black;
	border-right:solid 1px black;
}

#topbar div.logo
{
 background-image:url('images/aplinklogo.jpg');
 background-position:center center;
 margin-left:auto;
 margin-right:auto;
 height:100%;
 width:100%;
 background-repeat:no-repeat;
}

#infobar
{
	margin-left:auto;
	margin-right:auto;
	
	background-color: #666666;
	border-top:1px solid black;
	height:30px;
	
	color:White;
	background-image:url('images/infobargradient.jpg');
	background-repeat:repeat-x;
	
	border-left:solid 1px black;
	border-right:solid 1px black;
}

#infobar div
{
	padding-left:5px;
	padding-right:5px;
}

#menu
{
	border-left:solid 1px black;
	border-right:solid 1px black;
	background-color:black;
	
	height:26px;
	
	color:White;
	text-align:center;
}


#content
{

	background-color:White;
	vertical-align:top;
	height:100%;
	overflow:auto;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	padding:20px;
}

a.menu_item,a:link.menu_item,a:active.menu_item, a:visited.menu_item
{
	color: #00CC33;
}











/* Hiding */





a.loginPanel, a:visited.loginPanel
{
	text-decoration:none;
	color:White;
	background-color:Navy;
	padding:4px;
}

a:hover.loginPanel
{
	color:Black;
}

/* buttons and links */
a.logout:active,a.logout:visited,a.logout:link,a.logout:hover,A:link,a:active,A:visited,A:hover,#menu a {
	text-decoration:none
}
a.logout:active,a.logout:visited,a.logout:link {
	color:#D28F24
}
a.logout:hover {
	color:#d32923
}
A:link {
	color:#33c
}
a:active,A:visited {
	color:#339
}
A:hover {
	color:#d26824
}
a.linkside, a.linkside:active,a.linkside:visited
{
	color:White;
	font-weight:bold;
}
a.linkside:hover
{
	color:Red;
}

input.button 
{
	border: solid 1px black;
	background-color: #4D6280;
	color:White;
}






/* div formatting/layout */
div.hr {
width: 500px;
height:4px;
font-size:0px;
margin-top:5px;
margin-bottom:15px;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=1,StartColorStr='#2E5CB8',EndColorStr='#F4F4F4');
}

div.hrheader
{
	color:Navy;
	font-family:Verdana, Georgia;
	font-size:13pt;
	font-weight:bold;
	margin-top:10px;
}

div.heading
{
	width:500px;
	padding:2px 5px 2px 5px;
	overflow:visible;
	background-image:url('images/acc_bg.jpg');
	background-repeat: repeat; 
    border: 1px solid #2F4F4F;
    color:White;
    font-size:14px;
}
div.sideheading
{
	padding:2px 5px 2px 5px;
	overflow:visible;
	background-image:url('images/acc_bg.jpg');
	background-repeat: repeat-x; 
    border: 1px solid #2F4F4F;
    color:White;
    font-size:14px;
}
div.sideheading
{
	width: 218px;
}
div.roles ul li
{
	list-style-image: url('images/icons/user.gif');
	list-style-type:none;
	text-indent: -1em;
}
div.intro
{
	border-right: solid 5px gray;
	border-bottom: solid 1px black;
	padding: 5px 5px 5px 5px;
}
div.introContainer, div.intro
{
	width:750px;
}

div.steps
{
	background-color:White;
	float:left;
	width:228px;
	margin:5px 5px 5px 5px;
	/* height:250px; */
	height:140px;
	text-align:center;
	padding:5px 5px 5px 5px;
	border: solid 1px gray;
	background-repeat:no-repeat;
	background-position:center bottom;
}

div.stepHeading
{
	text-align:center;
	font-weight:bold;
	color: #993300;
	font-family: Georgia;
	font-variant:small-caps;
	font-size: 12pt;
}
 span.required
 {
 font-size:12pt;
 font-weight:bold;
 color:navy;
 }
 div.agency
 {
	width:100%;
	border: solid 1px black;
	padding:10px;
	margin: 10px;
	text-align:left;
 }
 div.message 
 {
	background-color:#CCCCCC;
	margin:5px;
	padding:5px;
	border:solid 1px black;
	/*width:500px; */
	width:100%;
 }
  div.message:hover
 {
	background-color:#999999;
 }
 div.messageSender, div.messageRecipient, div.messageDate
 {
	background-color: #DDDDDD;
	font-family:Arial;
	padding:3px;
	margin:2px;
 }
 div.messageBody
 {
	background-color:#FFFFFF;
	padding:5px;
	margin:5px;
 }
 div.messageSubject
 {
	margin:5px;
	margin-top:15px;
	padding:5px;
 }
 
 #MessagesView, #MessageType, #MessageDetail, #MessageButtons
 {
	width:600px;
 }
 #MessagesView
 {
	height:150px;
	overflow:auto;
	border:solid 1px black;
 }
 #MessageDetail
 {
	height: 400px;
	border: solid 1px black;
	overflow:auto;
 }
 
 div.infodiv 
 {
 padding:10px;
 text-align:left;
 border:solid 1px black;
 background-color:White;
 margin-bottom:15px;
 }
 div.infoheader
 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:13pt;
	color:black;
	font-family:Verdana,Arial, Sans-Serif;
	color:Navy;
 }
 
 



/* list stuff */
li.qa
{	
	padding:5px 5px 5px 5px;
	list-style-image: url('images/icons/q&a.gif');
	margin-left:15px;
	list-style-position:outside;
}

li.star
{	
	list-style-image: url('images/icons/star.gif');
	list-style-position:outside;
}
li.downloadresource
{
	list-style-image: url('images/icons/download.gif');
	list-style-position:outside;
}

ul.faq li
{
	list-style-position: outside;
	list-style-image: url('images/icons/question.gif');
	vertical-align:middle;
	line-height:20px;
}
ul.sidebullet
{
	line-height:1.5em;
}
ul.resourcelist
{
	margin-top:5px;
	margin-bottom:5px;
}

ul.faq li a, ul.sidebullet a
{
	color: white;
	font-weight:bold;
}
ul.faq li a:hover, ul.sidebullet a:hover
{
	color: #CC9966;
	font-weight:bold;
}

#PayPalList
{
	list-style-type:none;
	
}
#PayPalList li
{
	display: inline;
}
ul.front li
{
	list-style-type:none;
}
ul.front li ul li
{
	list-style-image: url('images/icons/star.gif');
}
li.email
{
	list-style-image: url('images/email.gif');
}
li.garrow
{
	list-style-image: url('images/go.gif');
}
li.note
{
	list-style-image: url('images/note.gif');
}
li.info
{
	list-style-image: url('images/info.gif');
}

           ol.wizardintro li
           {
           font-size:16pt;
           color:blue;
           font-weight:bold;
           }
           ol.wizardintro li ul li
           {
             color:black;
             font-size:10pt;
             list-style:none;
             font-weight:normal;
           }
      



 .popupPanel
 {
 	background-color:White;
 }
 


span.APLINK1
{
	color:Black;
	font-weight:bold;
}
span.APLINK2
{
	color:Blue;
	font-style:italic;
}