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

html, body{ 
 margin: 10px 0px; 
 padding:0; 
 text-align:center; 
 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: 38px;
}
.login_error{
	position:relative;
	top: 195px;
	left: 37px;
	color: #32352A;
	width: 349px;
	height: 56px;
	background-image:url(../Images/Login/admin_msg.png);
}


/* END LOGIN PAGE */


/* HEADER */
#header{
 position:relative; 
 height:57px; 
 background-color:#FFFFFF; 
 width:100%;
 background-image:url(../Images/Template/top.png);
} 
#last_logged {
	position: relative;
	top: 30px;
	left: 10px;
	float: left;
	font-weight: bold;
	
}
#current_date {
	position: relative;
	top: 4px;
	right: 10px;
	float: right;
	font-weight: bold;
}
/*END HEADER */

/* FOOTER */
#footer{
 height:49px; 
 background-color:#FFFFFF; 
 clear:both;
 background-image:url(../Images/Template/bottom.png);
} 
#footer_nav {
	position: relative;
	top: 30px;
	right: 10px;
	float: right;
}
#footer_logo {
	position: relative;
	top: 25px;
	left: 10px;
	float: left;

}
/* END FOOTER */


/* LAYOUT CSS*/
#leftcol{
 width: 173px; 
 float: left; 
 position:relative; 
 background-color:#FFFFFF; 
 z-index: 1;

}
#maincol{
	 background-color: #FFFFFF;  
	 float: right; 
	 display:inline; 
	 position: relative; 
	 width:809px;
	 border-left-width: 5px;
	 border-left-style:solid;
	 border-left-color: #CBCCCB;

	 
}
#wrapper {
	border-left-width: 5px;
	border-left-style:solid;
	border-left-color: #CBCCCB;
	border-right-width: 5px;
	border-right-style:solid;
	border-right-color: #CBCCCB; 
	height: auto;
	width: 989px;
}
#content {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-bottom-color: #CBCCCB;
	min-height: 300px;
}
#content_bg {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 300px;
	height: 100%;
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-bottom-color: #CBCCCB;
	background-image: url(../Images/Template/content_repeat_y.png);
	background-repeat:repeat-y;
}
* html #content {height:300px}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* END LAYOUT CSS */

/*PRINTER STYLES*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* NAVIGATIONAL CSS */
.nav_content ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 173px; /* Width of Menu Items */
}

.nav_content ul li {
	position: relative;
	width: 173px;
	height: 34px;
	background-image: url(../Images/Navigation/btn_up.png);
	display: block;
	float:left;
	
}
	
.nav_content li ul {
	float: left;
	position: absolute;
	left: 173px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
	border-left-color: #C0C0C0;
	border-left-style: solid;
	border-left-width: 2px;
}
.nav_content li ul li{
	height: 20px;
	width: 150px;
	background-color: #808080;
	background-image: none;
	color: #FFFFFF;
}

/* Styles for Menu Items */
.nav_content ul li a {
	display: block;
	height: 34px;
	text-decoration: none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	font-weight:bold;
	vertical-align:bottom;
	line-height: 30px;
	text-transform: lowercase;
}

.nav_content ul li ul li a {
	display: block;
	height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	font-weight:bold;
	line-height: 20px;
	text-transform: lowercase;
}
.nav_content ul li ul li a:hover {
	background-image:none;
	background-color: #73BE1E;
}
.nav_content ul li a:hover { background-image: url(../Images/Navigation/btn_over.png) }

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

/* END NAVIGATIONAL CSS */

/* PAGE ELEMENTS - SEARCH BAR */
#search_bar {
	height: 50px;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-bottom-color: #CBCCCB;
	background-color: #82C536;
	
}
#search_fields {
	position: relative;
	top: 12px;
	left: 20px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	
}
#search_nav {
	width: auto;
	padding: 0px 5px;
	float: right;
	background-color:#D4D4D4;
	display: inline;
	height: 100%;
	width: 280px;
	line-height:20px;
	border-left-width: 5px;
	border-left-style:solid;
	border-left-color: #CBCCCB;
}

/*END SEARCH BAR */

/* END PAGE ELEMENTS */

/* FORM FIELDS */
.f_input {
	font-size: 10px;
	width: 90%;
	border-color: #E3F2D2;
	border-width: 2px;
	border-style:solid;
	background-color: #FAFFF5;
}
.f_input:focus{
	border-color:#FF9900;
}
.f_textarea {
	font-size: 11px;
	width: 90%;
	height: 200px;
	border-color: #E3F2D2;
	border-width: 2px;
	border-style:solid;
	background-color: #FAFFF5;
}
.f_textarea:focus{
	border-color:#FF9900;
}
.f_dropdown {
	font-size: 10px;
	background-color: #EEF6E0;
	width: 150px;
	border-color: #CCFF32;
	border-width: 2px;
	border-style:solid;
}
.f_button {
	border-color: #E3F2D2;
	border-width: 2px;
	border-style:solid;
	font-weight:bold;
	background-color:#FAFFF5;
	height:20px;
	font-size: 10px;
	
}
.f_button:hover {
	background-color: #EEF6E0;
}

/* END FORM FIELDS */

/* CONTENT ELEMENTS */
.c_heading {
	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-align:left;
	text-indent: 15px;
	line-height: 20px;
}
.c_text {
	background-color: #FFFFFF;
	padding: 15px 15px;
	text-align:left;
	
}
.c_bottom_border {
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-bottom-color: #CBCCCB;
}
.c_right_border {
	border-right-width: 5px;
	border-right-style:solid;
	border-right-color: #CBCCCB;
}
.c_left_border {
	border-left-width: 5px;
	border-left-style:solid;
	border-left-color: #CBCCCB;
}

.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-color:#FFFFFF;
	border-right-width: 2px;
	border-right-style: 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;
}
/* END CONTENT ELEMENTS */

/* PAGE ELEMENTS - ADD/EDIT PAGE */
.c_container {
	width: 402px;
	height: 100%;
	float: left;
}
.c_back_btn {
	clear: left;
	background-color: #5B5D55;
	width: 100%;
	height: 23px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	line-height: 23px;
	border-top-width: 5px;
	border-top-style:solid;
	border-top-color: #CBCCCB;
}
.c_stagenum {
	position:relative;
	bottom: 0px;
	padding-right: 10px;
	text-align: right;
	clear: both;
	background-image:url(../Images/Icons/grey_step.gif);
	background-position:right;
	background-repeat:no-repeat;
	height: 33px;
	width: 97%;
	line-height: 30px;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	top: 10px;
}
.c_stagenum_green {
	background-image:url(../Images/Icons/green_step.gif);
}

.c_form_list {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	
}
.c_form_list li{
	padding: 5px 0px;
	clear: both;
}
.c_form_text {
	position:relative;
	width: 100%;
	text-align:left;
	text-indent: 5px;
	font-weight:bold;
}
.c_form_field {
	position:relative;
	width: 100%;
	text-align:left;
}
.c_options {
	width: 33%;
	float: left;
	text-align:center;
}

.c_assets_list {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display:block;
}
.c_assets_list li{
	width: auto;
	padding: 2% 10%;
	float: left;
}
.c_clear{
	clear: both;
	height: 1px;
}

/* PAGE ELEMENTS - LIST PAGE */
.l_subList{
	width: 100%;
	height: 30px;
	list-style: none;
	padding: 0;
	margin: 2px 0px;
	background-color:#EAF5DD;
}
.l_subList li{
	text-align:center;
	line-height: 30px;
	float: left;
	width: 159px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width: 0px 1px 0px 1px;
}
.l_current{
	width: 100%;
	height: 30px;
	background-color: #B9DE8E;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-indent: 10px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width: 0 0 2px 0;
}
.l_orderbtns{
	float: left; 
	width: 75%; 
	text-align: center; 
	text-indent: 20px; 
	line-height: 20px;
}
.l_actionbtns{
	width: 33%;
	float: left;
	text-align: center; 
}

/* PAGE ELEMENTS - OUTPUT PAGE */
.o_List{
	list-style: none;
	padding: 0;
	margin: 30px 0px 0px 0px;
	width: 100%;
}
.o_List li{
	display: block;
	margin: 5px 0px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-indent: 200px;
	background-color: #E3F2D2;
}
.o_List .newtask{
	text-indent: 0px;
	text-align:center;
	background-color: #5B5D55;
	
}
.o_List .newtask a {
	color: #FFFFFF;
	height: 30px;
	display: block;
	font-weight: bold;
}
.o_List .newtask a:hover {
	color: #CCFF32;
	text-decoration: none;
}
.o_List li img {
	padding-right: 10px;
}
/* LINK CSS */
.back_link {
	color: #FFFFFF;
	text-decoration:none;
	display: block;
}
.back_link:hover {
	color: #CCFF32;
}
.bm_link {
	color: #333333;
	text-decoration:none;
}
.bm_link:hover {
	color: #999999;
}
.generic_link, .menu_link{
	color: #333333;
	text-decoration:none;
}
.generic_link:hover {
	color: #73BE1E;
}
.menu_link:hover {
	text-decoration: underline;
}
.delete_link {
	color: #FF1A00;
	text-decoration:none;
}
.delete_link:hover {
	text-decoration: underline;
}
.subsec_link {
	color: #333333;
	text-decoration:none;
	font-weight: bold;
}
.subsec_link:hover {
	color: #73BE1E;
}
/* END LINKS CSS */