/*
 * Screen/Monitor Styles
 ************************************************************************************************
 */

/*
 * Base
 ************************************************************************************************
 */
html, body, form, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, checkbox { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; color: #828282; font-family: Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 12px; }
form { width: 100%; height: 100%; }
input, select, textarea { font-family:  Arial, Helvetica, Sans-Serif; font-size: 12px; }
a { color: #e44322; text-decoration: none; font-weight: bold; }
a:hover { color: #e44322; text-decoration: underline; }
h1 { font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; color: #2c2c2c; font-weight: bold; margin-bottom: 15px; }
h2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; color: #2c2c2c; font-weight: bold; margin-bottom: 15px; }
h3 { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; color: #2c2c2c; font-weight: bold; margin-bottom: 10px; }
h4 { font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; color: #2c2c2c; font-weight: bold; }
h5 { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #2c2c2c; font-weight: bold; }
h6 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #2c2c2c; font-weight: bold; }
p { margin-bottom: 5px; }

.acc-hidden { position: absolute!important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden; }
.error { color: #cd2200; }
.container { overflow: auto; width: 100%; }

/*
 * Colours
 * Yellow = ffc820
 * Grey = 2c2c2c / 828282 / c3c3c3
 * Alert = cd2200
 */

/*
 * z-index
 * 10 = logo
 */

/*
 * Page
 ************************************************************************************************
 */
#site_back { width: 100%; height: 100%; display: table; vertical-align: middle; }
#site_base { vertical-align: top; display: table-cell; }
#site_main { background-color: #ffffff; }
#site_header_back { width: 100%; border-top: 3px solid #ffc820; min-height: 80px; background-color: #ffffff; }
#site_header { width: 980px; margin-left: auto; margin-right: auto; position: relative; }
#site_header div.logo { width: 139px; height: 42px; position: absolute; top: 24px; left: 0px; background: url(../media/img/sprites.png) no-repeat; }
#site_header div.logo a { width: 100%; height: 100%; display: block; }
#site_nav_back { width: 100%; min-height: 85px; background-color: #2c2c2c; }
#site_nav { width: 980px; margin-left: auto; margin-right: auto; }
#site_body { width: 980px; position: relative; z-index: 1; margin: 50px auto 50px auto; padding: 0px; overflow: auto; }
#site_body div.social_links { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 8px 0px; clear: both; margin-top: 20px; }
#site_footer_back { width: 100%; min-height: 80px; background-color: #2c2c2c; }
#site_footer { width: 980px; margin-left: auto; margin-right: auto; padding-top: 50px; position: relative; color: #c3c3c3; overflow: auto; }
#site_footer div.panel { float: left; margin-right: 3%; }
#site_footer div.panel .title { font-size: 14px; font-weight: bold; color: #ffffff; text-transform: uppercase; margin: 6px 0px 30px 0px; }
#site_footer div.panel .text { line-height: 1.8em; }
#site_footer div.panel.about { width: 100%; }
#site_footer div.panel.about a,
#site_footer div.panel.about a:hover { color: #ffffff; margin-top: 10px; display: inline-block; }
#site_footer div.panel.about .title { width: 139px; height: 41px; margin: 0px 0px 10px 0px; background: url(../media/img/sprites.png) no-repeat; background-position: -0px -42px; }
#site_footer div.links { clear: both; margin: 15px 0px 15px 0px; padding-top: 15px; border-top: 1px solid #373737; overflow: auto; text-align: right; }
#site_footer div.links a { color: #ffffff; }
#site_footer div.links div { display: inline-block; margin-right: 20px; }
#site_footer div.links .icon { background: url(../media/img/sprites.png) no-repeat; display: inline-block; margin-right: 2px; vertical-align: middle; }
#site_footer div.links .unity .icon { width: 17px; height: 15px; background-position: -46px -83px; }
#site_footer div.links .phone .icon { width: 14px; height: 14px; background-position: -17px -84px; }
#site_footer div.links .email .icon { width: 15px; height: 11px; background-position: -31px -87px; }
#site_footer div.links .copyright { float: left; }
#site_footer div.links .email { margin-right: 0px; }
a.link_button { padding: 6px; border: 3px solid #ffc820; display: inline-block; text-decoration: none; text-transform: uppercase; background-color: #ffc820;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #2c2c2c; text-transform: uppercase; font-weight: bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
a.link_button:hover { background-color: #ffdb6f; border: 3px solid #ffdb6f; }
#back_to_top { position: absolute; right: 0px; top: 15px; font-size: 12px; width: 70px; }
#back_to_top a { color: #c3c3c3; }
#powered_by_engonet { position: absolute; right: 0px; top: 25px; }


/*
 * Main Menu
 ************************************************************************************************
 */
#site_header .navigation { height: 80px; position: absolute; right: 0px; }
#site_header .navigation ul.menu { list-style: none; padding: 0px; text-align: right; margin-top: 35px; }
#site_header .navigation ul.menu > li { margin-left: 40px; display: inline-block; }
#site_header .navigation ul.menu > li:hover { }
#site_header .navigation ul.menu > li.selected > a > span.icon { background-color: #ffc820; display: block; width: 28px; height: 3px; margin-top: 2px; }
#site_header .navigation ul.menu > li > a { color: #2c2c2c; text-decoration: none; font-weight: bold; text-transform: uppercase; display: block; }
#site_header .navigation ul.menu > li:hover > a { }

#site_nav div.navigation_sub div.title { float: left; margin-top: 35px; }
#site_nav div.navigation_sub div.title a { font-size: 20px; color: #ffffff; font-weight: bold; }

#site_nav div.navigation_sub div.menu { float: right; }
#site_nav div.navigation_sub div.menu ul { list-style: none; padding: 0px; text-align: right; margin-top: 35px; }
#site_nav div.navigation_sub div.menu ul > li { margin-left: 20px; display: inline-block; }
#site_nav div.navigation_sub div.menu ul > li.selected > a > span.icon { background-color: #ffc820; display: block; width: 28px; height: 3px; margin-top: 2px; }
#site_nav div.navigation_sub div.menu ul > li > a { color: #ffffff; text-decoration: none; font-weight: normal; display: block; }

/* Level 2 */
#site_header .navigation ul.menu > li > ul { display: none; }

li.potato-menu-has-horizontal > a > span.icon { position: absolute; right: 5px; bottom: 20px; width: 8px; height: 9px; display: block; background: url(../media/img/sprites.png) no-repeat; background-position: -324px -255px; }
.potato-menu { margin:0; padding:0; width:auto; list-style:none; }
.potato-menu:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
.potato-menu .potato-menu-item { padding:0; position:relative; list-style:none; list-style-position:outside; display:inline; margin:0; float:left; }
.potato-menu .potato-menu-item a { display:block; text-decoration:none; white-space:nowrap; outline:0; }
.potato-menu .potato-menu-group { margin:0; padding:0; -webkit-padding-start:0; -webkit-padding-end:0; position:absolute; display:none; z-index:1000; }


/*
 * JQuery UI updates
 ************************************************************************************************
 */
#dialog { display: none; }
#dialog .ui-icon { float: left; margin: 0px 7px 20px 0px; }
#ajaxLoading { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 5000; display: none; background-color: #1a1a1a; text-align: center; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);   
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	 opacity: 0.3;
}
#ajaxLoading img { top: 50%; bottom: 50%; left: 50%; right: 50%; position: absolute; }
.ui-dialog .form > div > div > span:first-child { font-family: Arial, Helvetica, Sans-Serif; }


/*
 * Modules
 ************************************************************************************************
 */

/* Login */
#module_login, #module_logout { word-wrap: break-word; }

/* Site Closed */
#module_site_closed { }


/*
 * Form/Validation Styles
 ************************************************************************************************
 */
#UIAlert, #UIError, .ui_alert, .ui_error { display: none; margin-bottom: 10px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
#UIAlert, .ui_alert { margin: 0px 0px 10px 0px; padding: 10px 10px 10px 20px; color: #2c2c2c; background-color: #ffc820; }
#UIAlert a, .ui_alert a { color: #ffffff; }
#UIError, .ui_error { margin: 0px 0px 10px 0px; padding: 10px 10px 10px 20px; color: #ffffff; background-color: #cd3f2e; }

.form { margin: 20px 0px 0px 0px; }
.form h2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 24px; border-bottom: 1px solid #d9d9d9; text-transform: uppercase; margin: 40px 0px 15px 0px; font-weight: normal; }
.form .row { margin-bottom: 10px; position: relative; }
.form label, .form > div > span:first-child, .form > div > div > span:first-child, .form .checkboxes label:first-child {
	width: auto;
	display: inline-block;
	margin: 0px 0px 5px 0px;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; 
	color: #2c2c2c;
}
.form input[type="text"],
.form input[type="password"],
.form select,
.form textarea { width: 260px; display: block; background-color: #f0eeed; padding: 10px; }
.form input[type="file"] { display: block; }
.form select { width: 280px; }
.form .large_textarea textarea { min-height: 150px; }
.form .full input[type="text"],
.form .full input[type="password"],
.form .full textarea { width: 560px; }
.form .full select { width: 580px; }
.form .inline { display: inline-block; position: relative; }
.form .inline:first-child { margin-right: 15px; }
.form .file_upload label { margin-right: 20px; }
.form .info span:first-child { margin-right: 20px; }
.form label.error { color: #cd2200; font-size: 12px; text-align: left; top: 5px; right: 0px; position: absolute; }
.form .submit { border-top: 1px solid #d9d9d9; margin: 10px 0px 0px 0px; padding: 20px 6px 5px 6px; }
.form .submit.full .link_button { width: 525px; text-align: center; }
.form .submit .link_button.left_submit { margin-right: 10px; width: 315px; text-align: center; }
.form .submit input[type="button"] { padding: 6px; border: 3px solid #ffc820; display: inline-block; text-decoration: none; text-transform: uppercase; background-color: #ffc820;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #2c2c2c; text-transform: uppercase; font-weight: bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	cursor: pointer;
}
.form .submit input[type="button"]:hover { background-color: #ffdb6f; border: 3px solid #ffdb6f; }

.form div.counter span.counter { position: absolute; right: 0px; left:auto!important; top: 10px!important; font-size: 12px; }
.form .uploaded_image_container { overflow: hidden; position: relative; border: 1px solid #666666; display: none; margin-bottom: 5px; }
.form .uploaded_image_container img, 
.form .uploaded_image_heading_container img, 
.form .selected_image_container img { display: block; }
.form .uploaded_image_save_cancel_container, 
.form .uploaded_image_delete_container, 
.form .uploaded_image_heading_save_cancel_container, 
.form .uploaded_image_heading_delete_container, 
.form .selected_image_delete_container { display: none; font-size: 12px; margin-bottom: 10px; }
.form input[type="radio"], 
.form input[type="checkbox"] { position: absolute; left: -999em; }

/* Radio */
.form input[type="radio"] + label {
	font-size: 14px;
	color: #ababab;
	position: relative;
	cursor: pointer;
	margin-right: 15px;
}
.form input[type="radio"] + label:before { 
    content: " "; 
    display: inline-block; 
    position: relative; 
    width: 19px; height: 19px; 
	background: url(../media/img/sprites.png) no-repeat;
	margin-right: 5px;
	top: 5px;
	cursor: pointer;
}
.form input[type="radio"] + label:before { background-position: -604px -168px; }
.form input[type="radio"]:checked + label:before { background-position: -604px -187px; }

/* Checkbox */
.form input[type="checkbox"] + label {
	font-size: 14px;
	color: #ababab;
	position: relative;
	cursor: pointer;
}
.form input[type="checkbox"] + label:before { 
    content: " "; 
    display: inline-block; 
    position: relative; 
    width: 22px; height: 20px; 
	background: url(../media/img/sprites.png) no-repeat;
	margin-right: 5px;
	top: 5px;
	cursor: pointer;
}
.form input[type="checkbox"] + label:before { background-position: -582px -168px; }
.form input[type="checkbox"]:checked + label:before { background-position: -582px -188px; }