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


A:hover 	{ color: #CC3333;}
a:link		{ color: #003399;}
a:visited 	{ color: Olive; }
a:active 	{ color: #FF8C00; }

.header {
	margin-left : auto;
	margin-right : auto;
	width : 190px;}

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 : #ffffff;
}
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 : #ccbd99;
}
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: #ccbd99;
}

.title {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color: #ffffff;
}
.acploginID {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.acpPasswordID {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : bold;
	color : #ffffff;
}


/* 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 class="heading">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 {
	text-align: center;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
}

body.cp .header { border-bottom: 2px silver outset; margin-bottom: .5em; margin-top: .5em; }

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 {
	background-color: #aa7b54;

}


/*
	Sections that contain links or parts should be styled with
	this class.
*/
body.cp .panel {
	background-color: #ccbd99;
	margin-bottom: .5em;
}

/*
	The imge and title text for the acp, at the top
	should be contained in a block styled w/ this class.
*/
body.cp .ACPTitle {
	text-align: center;
	border-bottom: 2px #c0c0c0 inset;
	margin-bottom: 4px;
	color: white;
}

/*
	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 }

body.cp ol,body.cp ul {
	padding-top: 0;
	margin-top: 0;
	margin-left: 0px;
	padding-left: 24px;
}
body.cp ol.steps li, body.cp ul li {
	list-style-position: inside;
	padding-left: 2.5em;
	margin-left: -2.5em;
	height: 20px;
}

body.cp div.panel ul { list-style: disc; margin-left: 24px; }
body.cp div.panel li { font-size: 12px; height: auto; padding: .5em; }

body.cp table.steps td.indicator { width: 24px; height: 24px }
body.cp table.steps tr.current td.indicator {
	background-image: url(/static/img/hicolor/24x24/stock/navigation/stock_right.png);
	background-repeat: no-repeat;
}
body.cp table.steps tr.current td { font-weight: bold; }

body.cp table.steps td {font-size: 12px; vertical-align: middle; }

.logo {
      background-color: #17356B;
	 }