/*
|----------------------------------------------------------------------------------
| MAIN CSS STYLE SHEET FILE
|----------------------------------------------------------------------------------
| This is a necessary system file. Do not modify this page unless you are highly
| knowledgeable as to the structure of the system. Modification of this file may
| cause the system to no longer function.
| 
| All rights reserved for the author and DIC Austalia Pty Limited.  Reproduction
| or modification of this file may not be made in any way, without proper written
| consent from the author.
| 
| Author: Matthew Disbrey [ matthew.disbrey@wiredwombat.com ]
| 
| System Version: 1.0
|
*/

/*
------------------------------------------------------------------------------------
| LAYOUT CLASSES
|-----------------------------------------------------------------------------------
*/

body {
	margin: 0;
	padding: 0;
	background: #2e2e2e url( '../images/main_bg.png' ) top left repeat-x;
	background-attachment: fixed;
	font-family: Arial, Verdana, "Lucida Grande", "Lucida Sans Console", sans-serif;
	font-size: 9pt;
	line-height: 1.75em;
}
textarea {
	width: 100%;
	font-family: Arial, Verdana, "Lucida Grande", "Lucida Sans Console", sans-serif;
	font-size: 1em;
}
select {
	font-family: Arial, Verdana, "Lucida Grande", "Lucida Sans Console", sans-serif;
	font-size: 1em;
}
input {
	font-family: Arial, Verdana, "Lucida Grande", "Lucida Sans Console", sans-serif;
	font-size: 1em;
}
input .button {
	font-family: Arial, "Lucida Grande", "Lucida Sans Console", sans-serif;
	font-size: 1em;
}
.button {
	font-family: Arial, "Lucida Grande", "Lucida Sans Console", sans-serif;
	font-size: 1em;
}
td {
	vertical-align: top;
}

#page {
	width: 900px;
	margin: auto;
}

#page_logo {
	height: 40px;
	background: #1a1a1a;
	text-align: center;
	margin-top: 50px;
	border-bottom: 2px solid #000;
}

#head_wrap {
	background: #000;
	height: 160px;
}
#head_wrap .header {
	height: 160px;
	text-align: right;
	background: #000 url( "../images/headers/rotate.php" ) top left no-repeat;
}

#main_nav {
	background: #449 url( "../images/menu_bg.png" ) repeat-x;
	height: 30px;
	line-height: 30px;
	font-size: 1em;
	font-weight: bold;
}
#main_nav ul {
	width: 600px;
	margin: auto;
	padding: 0;
	list-style-type: none;
}
#main_nav ul li {
	float: left;
	padding: 0 3px;
}
#main_nav a {
	color: #ccc;
	padding: 0 15px;
	display: block;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom-style: none;
	outline: 0;
	text-decoration: none;
}
#main_nav a:hover {
	color: #000;
	padding: 0 15px;
	display: block;
	background: url( "../images/menu_active.png" ) repeat-x;
	border-left: 1px solid #fc0;
	border-right: 1px solid #fc0;
	border-bottom-style: none;
	outline: 0;
}

#container {
	background: #fff;
	color: #333;
}
#container .content {
	padding: 1em 2em 3em 2em;
}
#container .content a, a:visited {
	color: #11588e;
	border-bottom: 1px dotted #11588e;
	text-decoration: none;
	outline: 0;
}
#container .content a:hover {
	color: #0c67ae;
	border-bottom: 1px solid #0c67ae;
	outline: 0;
}
#container .content .ivq {
	font-weight: bold;
	color: #77a;
	margin-top: 20px;
	padding: 5px 0;
}
#container .content img {
	border: 0;
}
#container .content .error {
	border: 1px solid #c89797; 
	background: #ecc5c5 url('../images/flash_red_bg.jpg') repeat-x bottom left;
	color: #6b0f0e;
	border-left: 3px solid #c89797;
	padding: .75em;
	margin-bottom: 2em;
}

#footer {
	clear: both;
	height: 100px;
	padding-top: 10px;
	line-height: 15px;
	font-size: .85em;
	color: #fff;
	text-align: center;
}
#footer img {
	border: 0;
}
#footer a {
	color: #fc0;
	text-decoration: none;
	border-bottom: hidden;
}
#footer a:hover {
	color: #fe0;
	text-decoration: none;
	border-bottom: hidden;
}
.footer_info {
	color: #778;
	font-size: .9em;
	text-align: center;
	padding-bottom: 20px;
}

/*
------------------------------------------------------------------------------------
| TEXT CLASSES
|-----------------------------------------------------------------------------------
*/

.font_title {
	font-size: 1.8em;
	font-weight: bold;
	color: #11588e;
}
.font_normal {
	font-size: 1em;
}
.font_subh {
	font-size: 1.2em;
	font-weight: bold;
	color: #0c67ae;
}
.font_msg {
	font-size: 1.2em;
	font-weight: bold;
	color: #fc0;
}
.font_info {
	font-size: 90%;
	color: #aaa;
}

/*
------------------------------------------------------------------------------------
| TABLE CLASSES
|-----------------------------------------------------------------------------------
*/

.table100 {
	width: 100%;
}

/*
|---------------------------------------------------------------
| FLASH MESSAGES
|---------------------------------------------------------------
*/
.flash_message {
	margin: 0 0 5px 0;
	line-height: 1;
	
	font-weight: bold;
	font-size: .9em;
}
.flash_message p {
	margin: 0;
	padding: 3px 5px;
}
.flash_gray {
	border: 1px solid #a0a0a0;
	background: #dbdbdb url('../images/flash_gray_bg.jpg') repeat-x bottom left;
	color: #3a3a3a;
}
.flash_yellow {
	border: 1px solid #dedede; 
	background: #ffc;
	color: #222;
}
.flash_green {
	border: 1px solid #71a889;
	border-left: 3px solid #71a889;
	padding: .75em;
	background: #ccecc5 url('../images/flash_green_bg.jpg') repeat-x bottom left;
	color: #376b0e;
	margin-bottom: 2em;
}
.flash_red {
	border: 1px solid #c89797; 
	background: #ecc5c5 url('../images/flash_red_bg.jpg') repeat-x bottom left;
	color: #6b0f0e;
	border-left: 3px solid #c89797;
	padding: .75em;
	margin-bottom: 2em;
}
.flash_blue {
	border: 1px solid #97a5c8;
	background: #c5d6ec url('../images/flash_blue_bg.jpg') repeat-x bottom left;
	color: #0e2d6b;
}
.pagination {
	border: 1px solid #97a5c8;
	background: #c5d6ec url('../images/flash_blue_bg.jpg') repeat-x bottom left;
	padding: 1em;
	color: #0e2d6b;
}