/* ========================== GLOBAL STYLES ============================ */

/*	
	TOC -------------------- <
	HTML Tags
	Layout
	Navigation
	Tabular
	Miscellaneous
	Special Elements ------- <
/*

/* HTML Tags
------------------------------------------------------------------------ */

body {
	margin:0;
	background:#fff url(images/bg.jpg) repeat-x;
	font-family: "Trebuchet MS","Arial","Helvetica", sans-serif;
	font-size:12px;
	color:#000;
}

h1 {font-size:20px;font-weight:bold;margin:0 0 10px 0;color:#1a1a49;}
h2 {font-size:16px;font-weight:bold;margin:0 0 7px 0;color:#1a1a49;}
h3 {font-size:14px;font-weight:bold;margin:0 0 7px 0;color:#1a1a49;}

p {margin:0 0 9px 0;}

a {text-decoration:none;color:#254b8a;}
a:hover {}
a img {border:none}

form {margin:0;}
input,select,textarea {font-family:"Trebuchet MS Outlook","Arial","Helvetica",san-serif;font-size:11px;}

hr {height:0;border-top:1px solid #ccc;}


/* Layout
------------------------------------------------------------------------ */
#masthead {position:absolute;height:108px;left:77px;top:6px;}
	#masthead #logo {position:absolute;left:0;top:0;width:154px;height:100%;background:url(images/logo_grindrod.gif) 0 0 no-repeat;border-right:1px solid #afafb0;}
	#masthead #sitename {position:absolute;left:155px;top:0;width:476px;height:100%;padding-left:16px;}
		#masthead h1 {margin:0;height:100%;}
		#masthead #sitename a {width:476px;height:100%;display:block;background:url(images/logo_sitename.gif) 0 0 no-repeat;}
		
.loginContainer {width:334px;z-index:10;position:absolute;top:130px;left:250px;background-color:#d6dfe9;}
.login {padding:10px;}

.footer {margin-left:275px;margin-right:25px;padding:10px 5px;}
    .footer .notice {float:left;}
	.footer .links {float:right;}
		.footer .links a {font-weight:bold;}
    	.footer a:hover {text-decoration:underline;}

.registerContainer {width:400px;z-index:10;position:absolute;top:130px;left:250px;background-color:#d6dfe9;}


/* Miscellaneous
------------------------------------------------------------------------ */
h3.loginHeader {margin-bottom:0;height:32px;line-height:32px;font-size:14px;font-weight:bold;color:#fff;display:block;text-align:right;background:#1a1a49 url(images/bg_cinav.jpg) 0 0 repeat-x;}
	h3.loginHeader span {display:block;padding:0 10px;background:transparent url(images/cinav_cnr.gif) 0 0 no-repeat;}



/* Navigation
------------------------------------------------------------------------ */
.linksContainer .links {list-style-type:none;margin:0;padding:0}
    .links li {float:left;margin:0;padding:0;}
        .links li a {padding:0 10px}
        
.button1 {height:27px;display:block;background:#17a830 url(../interface/button1_bg.jpg) 0 0 no-repeat;padding-top:12px;text-align:center;color:#fff;font-size:14px;font-weight:bold;}
.button1:hover {color:#c6ff00;}

.button2 {height:27px;display:block;background:#d3f6d3;border-bottom:1px solid #fff;line-height:27px;text-align:center;color:#17a830;font-size:13px;font-weight:bold;}
.button2:hover {background:#17a830;color:#fff;}



/* Tabular
------------------------------------------------------------------------ */
.stdForm th {font-weight:normal;text-align:left;padding:6px 20px 6px 0;}
    .stdForm th.required {background-image:url(images/icon_requiredfield.gif); background-position:right center; background-repeat:no-repeat;}
.stdForm td {padding:6px 0;}
.stdForm td.field input, .stdForm td.field select, .stdForm td.field textarea {width:200px;}
.stdForm td.fieldWide input, .stdForm td.fieldWide select, .stdForm td.fieldWide textarea {width:350px;}
.stdForm td.fieldNarrow input, .stdForm td.fieldNarrow select, .stdForm td.fieldNarrow textarea {width:70px;}
.stdForm td.value {font-weight:bold;color:#555;}
.stdForm td.descriptor {padding-top:0;font-size:11px;color:#555;padding-bottom:14px;}
.stdForm td.divider {padding:0;}
.stdForm .chkListHorizontal label {margin-right:14px;}
.stdForm h3 {font-size:14px;font-weight:bold;display:block;background-color:#00ab1e;padding:3px 5px;color:#fff;margin-top:30px;}
.stdForm .noPad {padding:0;}
.stdForm .highlight {background:#d3f6d3;}

.tblContainer .stdForm td, .tblContainer .stdForm th {padding:3px;}



/* Special Elements
------------------------------------------------------------------------ */
.panelType1 {padding-top:6px;background:url(../interface/paneltype1_tip.gif) 0 0 no-repeat;}
.cvBlockItem {page-break-inside:avoid;margin-bottom:35px;}
.tblContainer {background-color:#fafafa; border:1px dashed #ccc;padding:5px;margin-bottom:10px;}
.cutoutBtn {border:1px solid #fff;color:#3e768d;background:#eefaff url(../interface/input_bg.gif) 0 0 no-repeat;font-size:11px;padding:3px;}
.signoutBtn {font-weight:bold;}
.listitemsHorizontal label {padding:0 10px 0 4px;}
.small {font-size:11px;color:#888;}
.smallBtn {font-size:10px;}
.btnAdd {text-align:right;margin:5px 0;width:100%;}
.boxDialogue {background:#d3f6d3;padding:2px 5px;border:1px solid #00ab1e;float:left;width:100%;}
.banner {display:block;margin-bottom:10px;}
.loginWelcomeBox, .messageBlock {display:block;text-align:center; height:25px;line-height:25px;background-color:#d3ff87;color:#008016;font-weight:bold;margin-bottom:20px;font-size:13px;}	
.messageBlock2 {display:block;text-align:center; background-color:#d3ff87;color:#008016;font-weight:bold;margin-bottom:20px;font-size:13px;padding:3px;}
.hide {display:none;}