/* CSS Document */
/*
// +----------------------------------------------------------------------+
// | Access.Point Administration System                                   |
// +----------------------------------------------------------------------+
// | Copyright (c) 2006 Studio Equator Digital Pty Ltd                    |
// |                                                                      |   
// | http://www.studioequator.com.au                                      |   
// | 								                                      |
// | Please do not remove this information                                |   
// | Do not replicate or alther this code without the                     | 
// | permission of Studio Equator Digital                                 |
// | Email: web@studioequator.com.au	                                  | 
// | 								                                      |
// | Portions otherwise noted are copyright of their respective owners    |
// +----------------------------------------------------------------------+
*/


/*
===================
	Page Layout Tags
===================
*/

/* Page Layout Elements */
html, body{ 
 margin: 10px 0px; 
 padding:0; 
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#333333;
} 

.pagewidth{ 
 width:999px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

/* LOGIN PAGE */
#login_body {
	height: 410px;
	background-image:url(../Images/Login/login_body.png);
	background-repeat:no-repeat;
}
#login_welcome {
	position:relative;
	top: 70px;
	left: 60px;
	width: auto;
	font-size: 18px;
	color: #FFFFFF;
}
.login_field {
	position:relative;
	top: 100px;
	left: 80px;
	width: auto;
}
.login_btn{
	position: relative;
	top: 185px;
	left: 348px;
	width: 42px;
	height: 40px;
}
.login_error{
	position:relative;
	top: 195px;
	left: 37px;
	color: #32352A;
	width: 349px;
	height: 56px;
	background-image:url(../Images/Login/admin_msg.png);
}
.login_btn input {
	border: none;
	background: none;
}

/* HEADER */
#apHeader {
	position: relative;
	width: 100%;
	height: 57px;
	font-weight: bold;
	background: no-repeat url(../Images/Template/top.png);	
}
#apHeader #apDate {
	position: absolute;
	top: 5px;
	right: 10px;
}
#apHeader #apLastLog {
	position: absolute;
	top: 33px;
	left: 10px;
	width: auto;
}

/* FOOTER */
#apFooter {
	position: relative;
	height: 49px;
	width: 100%;
	background-image:url(../Images/Template/bottom.png);
}
#apFooter #apBottomLogo {
	position: absolute;
	top: 25px;
	left: 10px;
	width: auto;
}
#apFooter #apBottomNav {
	position: absolute;
	top: 30px;
	right: 10px;
	width: auto;
}

/* CONTENT */
#apContent {
	position: relative;
	width: auto;
	height: auto;
	border-width: 0px 5px;
	border-color: #CBCCCB;
	border-style: solid;	
}
#apContent #apLeftCol {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 173px;
	z-index: 2;
}
#apContent #apMainCol {
	position: relative;
	left: 173px;
	width: 811px;
	background-image: url(../Images/Template/content_repeat_y.png);
	background-repeat:repeat-y;
	border-width: 0px 0px 0px 5px;
	border-color: #CBCCCB;
	border-style: solid;
	height: 100%;
	
}
#colContainer {
	height: 100%;
}

#apMainCol .colLeft {
	float: left;
	width: 402px;
	height: auto;
}
#apMainCol .colRight{
	float: left;
	margin-left: 5px;
	width: 404px;
	height: auto;
}
#apMainCol .fullCol {
	position: relative;
	width: 100%;
	height: auto;
	background-color:#FFFFFF;
}

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */
/*
===================
	Navigation Tags
===================
*/
/* NAVIGATIONAL CSS */
#apNavbar {
	position: relative;
	width: 173px;
}
#apNavbar li {
	position: relative;
	height: auto;
	/*background-image: url(../Images/Navigation/btn_up.png);
	background-position: center; */
	background-color: #84867F;
	display: block;
	float: left;
	width: 100%;
	
}

#apNavbar li ul {
	position: absolute;
	left: 173px; 
	top: 0px;
	display: none;
	float: left;
}
#apNavbar li ul li{
	height: 20px;
	width: 150px;
	background-color: #808080;
	background-image: none;
}

/* Styles for Menu Items */
#apNavbar li a {
	display: block;
	height: 20px;
	line-height: 20px;
	text-indent: 10px;
	color: #FFFFFF;
	text-transform: lowercase;
}

#apNavbar li ul li a {
	display: block;
	height: 20px;
	text-indent: 15px;
	line-height: 20px;	
}
#apNavbar li ul li a:hover {
	background-image:none;
	background-color: #73BE1E;
}
#apNavbar li a:hover { 
	background-image: url(../Images/Navigation/btn_over.png);
	background-position: center;
}

#apNavbar li:hover ul, #apNavbar li.over ul { display: block; } /* The magic */

.apNavSeperator {
	background-image:url(../Images/Navigation/seperatorBtn_up.png);
	font-weight: bold;
	text-indent: 10px;
	height: 16px;
	line-height: 16px;
}

/*
===================
	Search Bar Tags
===================
*/

/* SEARCH BAR */
#searchBar {
	position: relative;
	height: 50px;
	border-bottom: 5px solid #CBCCCB;
}
#searchBar #search {
	background-color: #94CF4B;
	height: 100%;
	width: 485px;	
	border-right: 5px solid #CBCCCB;
	font-weight: bold;
	color: #FFFFFF;
}
#search form {
	position: relative;
	top: 10px;
	left: 5px;
}
#searchBar #prefNav {
	position: absolute;
	top: 0px;
	left: 490px;
	height: 100%;
	width: 321px;
	background-color:#D4D4D4;
	text-align: center;
}

/* SEARCH BAR NAV */
a.navGeneric{
	width: 85px;
	height: 41px;
	display: block; 
	background-repeat:no-repeat;
	background-position: top left;
	text-indent: 40px;
	line-height: 41px;
	float: left;
	padding-right: 5px;
}
a.navGeneric:hover {
	background-position: bottom left; 
}
a#navHome {
	background-image: url(../Images/Navigation/Search/homeBtn.gif);
} 
a#navPref {
	background-image: url(../Images/Navigation/Search/prefBtn.gif);
} 
a#navLogOut {
	background-image: url(../Images/Navigation/Search/logoutBtn.gif);
} 

/*
===================
	General Tags
===================
*/

.clear {
	width: 1px;
	height: 1px;
	clear: left;
}
.apSecNumber {
	background-image:url(../Images/Icons/grey_step.gif);
	margin-left: 90%;
	line-height: 33px;
	text-indent: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	width: 33px;
	height: 33px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.apSecGreen {
	background-image: url(../Images/Icons/green_step.gif);
}
.apSection {
	border-bottom: 5px #CBCCCB solid;
	width: 100%;
}
.apHeading {
	background-image: url(../Images/Template/top_heading_rep_x.png);
	background-repeat:repeat-x;
	width: 100%;
	height: 23px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
	text-indent: 15px;
	line-height: 20px;
}

.apReturnMain {
	clear: left;
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 5px #CBCCCB solid;	
	text-align: center;
	background-color: #5B5D55;
	height: 20px;
	line-height: 20px;
}
.apReturnMain a {
	color: #FFFFFF;
}
.apReturnMain a:hover {
	color: #CCFF32;
}

.apTextBox {
	margin: 10px;
}
.ouputList {
	margin-top: 50px;
}
.ouputList li {
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #E3F2D2;
	margin-bottom: 5px;
	text-indent: 30%;
}
.nextAction {
	background-color: #5B5D55;
	color: #FFFFFF;
}
.nextAction a {
	display: block;
	color: #FFFFFF;
}

.formList li {
	margin: 5px 10px;
	font-weight: bold;
}

/*
===================
	Table Tags
===================
*/
.c_t_heading {
	background-color: #84867F;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
}	
.c_t_content {
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
}
.c_t_border_right {
	border-right:#FFFFFF 2px solid;
}
.c_t_row_colour1 {
	background-color: #E3F2D2;
}	
.c_t_row_colour1:hover {
	background-color: #D2EEB1;
}
.c_t_row_colour2 {
	background-color: #FCFCFC;

}
.c_t_row_colour2:hover {
	background-color: #F6FFEC;
}
.l_actionbtns{
	width: 30%;
	float: left;
	text-align: center; 
}
.orderList {
	position: relative;
	height: 40px;
	line-height: 20px;
	width: auto;
}
.orderBtn {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: left;  
	margin-right: 30%;
}

.l_subList{
	width: 100%;
	height: auto;
	margin: 2px 0px;
}
.l_subList li{
	text-align:center;
	line-height: 25px;
	float: left;
	width: 159px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width: 0px 1px 1px 1px;
	background-color:#EAF5DD;
}
.l_current{
	width: 100%;
	height: 30px;
	background-color: #B9DE8E;
	line-height: 30px;
	text-indent: 10px;
	border:#FFFFFF solid;
	border-width: 0 0 2px 0;
	clear: left;
}

.l_photo {
	margin: 10px;
}
.l_photo li {
	float: left;
	margin: 0px 10px 10px 0px;
}

.clear {
	height: 1px;
	width: 1px;
	clear: both;
}

.formList li{
	margin-top: 10px;
}

.assetList li {
	margin: 5px;
	float: left;
	text-align: center;
}
/*
===================
	Defined Tags
===================
*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 0;
}
input {
	width: 90%;
	border: #CCFF32 2px solid;
	background-color: #FAFFF5;
	font-size: 10px;
}
textarea {
	width: 90%;
	border: #CCFF32 2px solid;
	background-color: #FAFFF5;
	font-size: 11px;
}
select {
	background-color: #EEF6E0;
	width: 90%;
	border: #CCFF32 2px solid;
	font-size: 10px;
}
select:focus {
	border-color:#FF9900
}

label {
	font-weight: bold;
	margin-bottom: 10px;
}
form {
	margin: 0;
	padding: 0;
}
file {
	width: 90%;
}

/* LINKS */
a {
	text-decoration: none;
	font-weight: bold;
	color:#333333;
}
a:hover {
	color: #73BE1E;
}
.subsecLink {
	display: block;
	height: 100%;
	width: 100%;
}
.delLink {
	color: #FF0000;
	font-size: 9px;
}
.delLink:hover {
	color:#333333;
}

/*
===================
	Colours
===================
*/
.red {
	color: #FF0000;
}
.blue {
	color: #2B3594;
}
.green {
	color: #73BE1E;
}