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


a, a:link, a:focus, a:active, a:visited {
    color: #00a5a7;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.header {
	margin-left : auto;
	margin-right : auto;
	width : 95%;}

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 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "Open Sans","Helvetica",Helvetica,Arial,sans-serif;
    color: #2d313e;
    background-color: #fff;
	
}

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

.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 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, .cp_image, body.cp .ACPTitle {
    background-color: #00a5a7;
    color: white;
    font-weight: bold;
    border: none!important;
    padding: 3px 0;
}


/*
	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.
*/
body.cp .ACPTitle { 
	text-align: center;

	border-bottom: 2px #c0c0c0 inset; 
	margin-bottom: 4px;
}

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



.cp_image img {
    display: none;
}

.logo img {
    height: 100%;
}

table {
    font-size: 1em;
    padding-bottom: 10px;
    width:  100%;
}

img[src$="spacer.gif"] {
	display: none;
}