@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;                         /* Make sure the document takes up the whole window. */
	margin: 0;                            /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
	padding: 0;                           /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
	font-size:75%;
}

body {
	/*font-family:Avenir, Helvetica, Arial, sans-serif;*/
	font-family:Avenir, Arial, Helvetica, sans-serif;
	color:#7A7C7F;
	background-color:#D0D2D3;
	}
div#shim {  							/* shim technique from http://exanimo.com/examples/css/vertical-centering-with-a-floated-shim.html */
	visibility: hidden;
	width: 100%;
	height: 50%;                        /* Bump div#wrapper down half the height of the screen. */
	margin-top: -300px;                 /* Half the height of div#wrapper. */
	float: left;
}


#wrapper {
	width:980px;
	height:600px;
	background-color:#FFFFFF;
	margin:auto;
	clear: both;
	position: relative;

	/*
	 *
	 * Issue: IE4 doesn't allow a negative margin-top.
	 *
	 * This code positions wrapper relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
	 * The content will be centered but will crop if the window is not small enough to accommodate it.
	 *
	 */
	position: relative;
	top: -300px;
	/* IE4ever Hack: Hide from IE4 **/
		position: static;
	/** end hack */


	}
/*
	 *
	 * Issue: IE5mac interprets negative values as positive.
	 *
	 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
	 *
	 */

	/* Hide from IE5mac \*//*/
		div#shim {
			display: none;
		}
		html, body {
			height: auto;
		}
	/* end hack */


/* ]]> */

#navigation {
	float:right;
	width:200px;
	height:600px;
	overflow:hidden;
	background-image:url(images/right-bg.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
	background-color:#FFFFFF;
	position:relative;
	}
	
#obligatory {
	position:absolute;
	bottom:11px;
	}
#navigation #obligatory li {
	margin:3px 0;
	}
#obligatory a:link, #obligatory a:visited {
	color:#999999;
	font-weight:normal;
	}
#navigation h1 {
	margin:16px 28px 35px;
	padding:0;
	}
#navigation h1 a {
	display:block;
	width:136px;
	height:74px;
	background-image:url(images/stock-spirits-group-logo.gif);
	background-repeat:no-repeat;
	text-indent:9999px;
	white-space:nowrap;
	}
#navigation ul {
	font-weight:bold;
	padding:0;
	margin:0 0 9px 36px;
	list-style:none;
	line-height:12px;
	font-size:10px;
	list-style-image:none;
	}
#navigation li {
	margin:6px 0;
	padding:0;
	}

#navigation li ul {
	list-style-image:url(images/dash-grey.gif);
	margin-left:15px;

	}

#navigation li ul li.active, #navigation li ul li.trail {
	list-style-image:url(images/dash-red.gif);

	}
#navigation li a:link, #navigation li a:visited {
	text-decoration:none;
	}
#navigation li ul a:link, #navigation li ul a:visited {
	color:#6D6E70;
	}
#navigation li.active a:link, #navigation li.active a:visited, #navigation li ul li.trail a:link, #navigation li ul li.trail a:visited {
	color:#D71920;
	}
#navigation li.active ul a:link, #navigation li.active ul a:visited {
	color:#6D6E70;
	}
#navigation li a:hover {
	text-decoration:underline;
	}
#content {
	float:right;
	height:600px;
	width:410px;
	padding-right:20px;
	position: relative;
	background-color:#FFFFFF;
	}
#information {
	width:410px;
	height:400px;
	overflow:auto;
	position: relative;
	}
#wide_content {
	float:right;
	height:600px;
	width:740px;/*410+330*/
	padding-right:20px;
	position: relative;
	background-color:#FFFFFF;
	}
#wide_information {
	width:740px;/*410+330*/
	height:400px;
	overflow:auto;
	position: relative;
	}

#info_noscroll {
	width:410px;
	height:400px;
	position: relative;
	}
	
#graphic {
	width:330px;
	height:600px;
	background-image:url(images/left-bg.jpg);
	background-repeat:repeat-y;
	background-position:right 0;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	}
.crown {
	height:120px;
	background-image:url(images/crown.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:20px;
	}
.inner {
	padding:0 15px 15px 0;
	}
.inner h1:first-child, .inner h3:first-child, .inner p:first-child{
	margin-top:2px;
	} 
a:link, a:visited {
	color:#16325C;
	}
h1 {
	font-size:18px;
	color:#16325C;
	margin:18px 0;
	padding:0;
	}
h2 {
	font-size:12px;
	color:#16325C;
	margin:0 0 16px 0;
	padding:0;
	}
h3, h4 {
	font-size:11px;
	color:#16325C;
	padding:0;
	}
h3 {
	font-size:12px;
	margin:16px 0 2px;
	}
h4 {
	font-weight:normal;
	margin:2px 0 12px 0;
	}
p, ul, ol, td {
	font-size:12px;
	margin:12px 0;
	padding:0;
	line-height:14px;
	}
ul {
	margin-left:15px;
	list-style-image:url(images/dash.gif);
	}
	
ol {
	margin-left:25px;
	}
li {
	padding:0 0 0 15px;
	margin:2px 0 2px 0;
	}
	
.buttonrow {
	padding:5px 0 25px;
	overflow:hidden;
	}

a.leftbutton:link, a.leftbutton:visited, input.leftbutton {
	display:block;
	float:left;
	background-color:#003A6B;
	color:#FFFFFF;
	padding:8px;
	text-align:center;
	width:180px;
	text-decoration:none;
	border:none;
	}
	
a.rightbutton:link, a.rightbutton:visited, input.rightbutton {
	display:block;
	float:right;
	background-color:#003A6B;
	color:#FFFFFF;
	padding:8px;
	text-align:center;
	width:180px;
	text-decoration:none;
	border:none;
	}
	
.news_item {
	margin-bottom:20px;
	}
.news_item h4, .news_item p {
	margin:5px 0;
	}
/*.news_item h3 {
	font-size:12px;
	}*/
img {
	border:none;
	}

.details {
	margin-left:90px;
	}
	
.list_item {
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #DDDDDD;
	}
.list_item p {
	margin-top:5px;
	}
.mugshot {
	float:left;
	padding:0 10px 10px 0;
	}
	
.clearall {
	clear:both;
	height:1px;
	overflow:hidden;
	}
	
.errors {
	color:#D71920;
	}
	
#recruitmentForm label.fxd {
	width:120px;
	display:block;
	float:left;
	
	}

#recruitmentForm input.fxd, #recruitmentForm select.fxd {
	width:200px;
	}

.printonly {
	display:none;
	}

/********
// Scrollbar styles 
//
/*******************/

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 8px;
background: #D0D2D3 url(images/scroll-bg.gif) 0 0 repeat-y;
}
.vscrollerbar {
width: 8px;
background: #657894 url(images/scroll-bar-bg.gif) 0 0 repeat-y;
}
.hscrollerbase {
height: 8px;
background: #D0D2D3;
}
.hscrollerbar {
height: 8px;
background-color: #657894;
}
.vscrollerbar, .hscrollerbar {
padding: 2px;
z-index: 2;
}
.scrollerjogbox {
width: 8px;
height: 8px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #657894;
}
.vscrollerbasebeg {
background: url(images/scroll-top.gif) 0 0 no-repeat;
width: 8px;
height: 2px !important;
}
.vscrollerbaseend {
background: url(images/scroll-bot.gif) 0 0 no-repeat;
height: 2px;
width: 8px;
}

/* Scrollbar styles end Here */

/* iBox styles start here.. */

#cocktail {
	display:none;
	}
#cocktail h3 {
	margin-top:0;
	color:#666666;
	font-size:12px;
	}
#cocktail li {
	margin:4px 0;
	}
#recipeLink {
	position:absolute;
	bottom:20px;
	right:30px;
	font-size:11px;
	
	}
#recipeLink a:link, #recipeLink a:visited {
	color:#7A7C7F;
	text-decoration:none;
	}
#recipeLink a:hover {
	color:#16325C;
	text-decoration:underline;
	}
#ibox_content { background: #FFF; border-color: #fff; padding: 0 20px 10px 15px; }
#ibox_wrapper { background: #FFF; padding: 25px 0 0 0; border:5px solid #16325C; }
#ibox_footer_wrapper { left: 0; right: 0; top: 0; padding: 10px 20px 10px 15px; color:#16325C; background-color: #FFFFFF; font-size:12px; }
#ibox_footer_wrapper a:link, #ibox_footer_wrapper a:visited { font-size:11px; background-color: #FFFFFF; }
/*#ibox_footer_wrapper a:link { color: #FFFFFF; text-decoration: none; padding: 0 3px; font-size:11px; }
#ibox_footer_wrapper a:hover { color: #999999; text-decoration: underline; padding: 0 3px; }*/


/* iBox styles ends here.. */


/* recruitment table styles start here.. */
.tbl_recruitment {
	width:100%;
}
.tbl_recruitment th, .tbl_recruitment td {
	vertical-align:center;
	text-align:left;
	
	font-size:12px;
	line-height:14px;
}
.tbl_recruitment th {
	background-color:#EBEBEB;
}
.tbl_recruitment tr.odd td {
	background-color:#FFFFFF;
}
.tbl_recruitment tr.even td {
	background-color:#F4F4F4;
}
.tbl_recruitment th.ctr_col, .tbl_recruitment td.ctr_col {
	text-align:center;
}
.nobr {
	white-space:nowrap;
}
.small {
	font-size:10px !important;
}

.delete_control {
	float:right;
}
.delete_control input {
	float:left;
}
#frm_recruitment_confirm .delete_control {
	margin-right:400px;
}
#frm_recruitment_confirm .delete_control input {
	width:50px;
}
.logout_control {
	float:left;
}
/* recruitment table styles ends here.. */