@import url(/style/shared/ACPStyle.css);

A:HOVER 	{ color: #4F7CB6;}
a:link		{ color: #4F7CB6;}
a:visited 	{ color: #4F7CB6;}
a:active 	{ color: #4F7CB6;}

td {
	font-family : Arial, Helvetica, sans-serif; 
}
td.panelheaders {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
	color : White;
}
td.datetime {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : White;
}
td.five , body.cp .heading {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
	color : Black;
}
td.paneltext, body.cp .panel {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : Black;
}
td.helptext { /* not used in shared acp templates */
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : Black;
}
td.step { /* not used in shared acp  templates */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : medium;
	color : Black;
}
td.stepheader { /* not used in shared acp  templates */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : medium;
	color : #006699;
}
td.note, p.note {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : Olive;
}
p.copyrite {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : White;
}
body.cp, BODY { background-color: #ffffff; }

body.logo {
	background-color: #ffffff;
	}

.logo {
	background-color: #01156D;
	}
	
.ACPtitle {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : .8em;
	font-weight : bold;
	color: #ffffff;
	background-color:#7DBA00;
	border: 0px;
}
.acploginID {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #000000;
	font-size: .8em;
}

.acpPasswordID {
	font-family : Arial, Helvetica, sans-serif;
	font-size : .8em;
	font-weight : bold;
	color : #000000;
}


/* new CP style definitions should be prefixed w/ body.cp
   that way they only apply to one class of document,
   perhaps this can make unnessecary the need for seperate
   ACPstyle and RFStyle's

   the typical document structure will be: 

   <div class="ACPTitle">
   <img src="pretty image">
   <h1>foo control panel</h1>
   </div>

   <h2>foo steps to complete submittion</h2>
   <div class="panel">
    .. lists .. other miescelanea ...
    </div>

    .. repeated

    <div class="bottom">
     ... bottom stuff ...
    </div>

    Please use this structure for future Control panels!
*/

body.cp { 
	margin: 0;
	font-family: Helvetica, Arial, sans-serif 
}

body.cp h1 { font-size: 95% }
body.cp h2 { padding: 0;  margin: 0; font-size: 100% }

/* 
	this is the new 'five' style 
	this should be applied to sections that will be considered a header.
*/
body.cp .heading {
	font-size: .7em;
	background-image: url(../../img/ashraem/bg_menu_cp.png);
	color: #ffffff;
	background-repeat: repeat-x;
}

body.cp .header {
	border-bottom: 0px;
	}
	
.header table {
	margin-top: 4px;
	border: 0px;
	}
	
.header p {
	margin-top: 0px;
	}
	
.header table .ACPtitle{
	border: 0px;
	padding: 2px;
	}
	
/*
	Sections that contain links or parts should be styled with
	this class.
*/
body.cp .panel { 
	background-color: #ffffff;
	margin-bottom: .5em;
}

/* 
	The imge and title text for the acp, at the top
	should be contained in a block styled w/ this class.
*/

/*
	Any footer copyrights help texts should be in styled in a
	block in this text
*/
body.cp .bottom { 
	border-top: 2px #c0c0c0 inset;
	margin-top: 4px; 

	font-size: 75%;
	color: white;

}

/* links need to be colored the same too */
body.cp .bottom a {  color: white };


td.paneltext, body.cp .panel {
	font-size: .7em;
	}
	
frame {
	border: 0px;
	}