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

select {
	padding: 6px;
	font-size:20px;
}
optgroup {
	margin: 8px;
	padding: 4px;
	background-color: #FF0;
}
option {
	padding: 4px;
	margin: 8px;
	background-color: #FF9;
}
#mapsURLselect {
	position: absolute;
	top: 60px;
	right: 40px;
	z-index: 10;
}
#holidayVideo, #specialDetails {
	position:absolute;
	top:50%;
	left:50%;
	width:680px;
	height:606px;
	margin-top:-303px;
	margin-left:-340px;
	border: 1px solid #000;
	background-image:url(../_Images/bk-50.png);
	z-index:300;
	overflow:auto;
}
#hVideo {
	position:absolute;
	top:50px;
	left:20px;
	width:640px;
	height:506px;
}
#topText {
	position:absolute;
	top:-50px;
	left:-20px;
}
#bottomText {
	position:absolute;
	bottom:-50px;
	left:-20px;
}
.scroll{
	overflow:auto;
}
.greetingBtn {
	position:absolute;
	top:35%;
	width:264px;
	height:205px;
	z-index:200;
}
.greetingBtn a {
	position:absolute;
	top:0px;
	left:0px;
	width:264px;
	height:205px;
	background-image:url(http://nicesite.blob.core.windows.net/homepage/VideoGreeting59.png);
	background-position: 0px 0px;
	cursor:pointer;
	z-index:200;
	outline: none;
}
.greetingBtn a:hover {
	background-position: 0px -205px;
	outline: none;
}
.sampleBtn {
	position:absolute;
	bottom:10px;
	width:268px;
	height:67px;
	z-index:200;
}
#ieWarning {
	position:absolute;
	top:35%;
	left:10%;
	width:500px;
	height:250px;
	color:#FFF;
	padding:20px;
	border:1px white solid;
	background-image:url(../_Images/bk-50.png);
	z-index:200;
}
#smileyText {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:15%;
}
#jobSideBar {
	position:absolute;
	top:70%;
	bottom:3%;
	left:11%;
	color:#000;
	width:220px;
	z-index:100;
}
#jobSideBar h3 {
	margin-top:20px;
	margin-bottom:5px;
}

.buttons{
	cursor:pointer;
}

.buttons ul.tabs a {
	font-size:16px;
	display:block;
	height: 33px;
	line-height:33px;
	width: 188px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(../_Images2/tab-188x33-Blue.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.buttons ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
.buttons ul.tabs a:hover {
	background-position: 0px -33px;
	color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.buttons ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -66px;
	cursor:default !important;
	color:#000 !important;
	font-size:17px;
	line-height:33px;
	z-index:100;
}
#specialDetails {
	color:#FFF;
	font-size:19px;
	padding:6px;
}
#specialDetails p {
	margin-top:4px;
	padding:2px;
	background-image:url(../_Images/bk-50.png);
}
.jobsLogo {
	position:absolute;
	bottom:0px;
	right:0px;
	left:50%;
	top:60%;
	z-index:200;
}
#jobPostingText {
	position:absolute;
	top:24%;
	right:40px;
	bottom:40%;
	left:40px;
	color:#000;
	font-size:18px;
}
/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL RESET ~~~~~~~~~~~~~~~~~~~~*/

html, body, 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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, option, optgroup {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}
/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL TAGS ~~~~~~~~~~~~~~~~~~~~*/
html, body {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	height:100%;
	width:100%;
	overflow:hidden;
	;
}
body {
	font-family: "trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", verdana;
	font-size:16px;
	outline:none;
	background-color:#f1d865;/* FF0, 09C*/
	color:#09C;
}
small {
	font-size:14px;
}
a {
	outline:none;
	color:#FFF;
	text-decoration:underline;
}
a:active {
	outline:none;
}
a:hover {
	text-decoration:none;
}
a:focus {
	-moz-outline-style:none;
}
/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL CLASSES ~~~~~~~~~~~~~~~~~~~~*/

.full {
	position:absolute !important;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}
.hundred {
	width:100% !important;
	height:100% !important;
}
.hide {
	display:none;
}
.show {
	display:block;
}
.invisible {
	visibility:hidden
}
.bg {
	width:100%;
	height: 100%;
}
/* root element for tabs  */
#header ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	margin:0 !important;
	list-style-image:none !important;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
	list-style-type: none;
}
/* link inside the tab. uses a background image  background-position: -652px 0; */
#header ul.tabs a {
	font-size:16px;
	display:block;
	height: 30px;
	line-height:36px;
	width: 132px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(../_Images/Tabs.png);
	background-repeat: no-repeat;
	background-position: -420px 4px;
}
#header ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
#header ul.tabs a:hover {
	background-position: -420px -34px;
	color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#header ul.tabs a.current, #header ul.tabs a.current:hover, #header ul.tabs li.current a {
	background-position: -420px -68px;
	cursor:default !important;
	color:#000 !important;
	font-size:17px;
	line-height:30px;
	z-index:100;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
#header ul.tabs a.w1 {
	background-position: -554px 4px;
	width:78px;
}
#header ul.tabs a.w1:hover {
	background-position: -554px -34px;
}
#header ul.tabs a.w1.current {
	background-position: -554px -68px;
}
/* width 2 */
#header ul.tabs a.w2 {
	background-position: -420px 4px;
	width:132px;
}
#header ul.tabs a.w2:hover {
	background-position: -420px -34px;
}
#header ul.tabs a.w2.current {
	background-position: -420px -68px;
}
/* width 3 */
#header ul.tabs a.w3 {
	background-position: -248px 4px;
	width:171px;
}
#header ul.tabs a.w3:hover {
	background-position: -248px -34px;
}
#header ul.tabs a.w3.current {
	background-position: -248px -68px;
}
/* width 4 */
#header ul.tabs a.w4 {
	background-position: -0px 4px;
	width:247px;
}
#header ul.tabs a.w4:hover {
	background-position: -0px -34px;
}
#header ul.tabs a.w4.current {
	background-position: -0px -68px;
}

div.panes > div{
	background-color:#eee;
} 


div.panes > div img.full {
	z-index:0;
}
/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL IDS ~~~~~~~~~~~~~~~~~~~~*/
#page {
	position: absolute;
	left: 2px;
	top: 1px;
	right: 2px;
	bottom: 2px;
	overflow:hidden;
}
#header {
	position:absolute;
	top:0px;
	right:0px;
	height:30px;
	left:0px;
	overflow:hidden;
	z-index:10;
}
#rightHeader {
	position: absolute;
	top: -7px;
	right: 10px;
	z-index:100;
}
#content {
	position:absolute;
	top:30px;
	right:0px;
	bottom:0px;
	left:0px;
	border: 1px solid #999;
	z-index:1;
	overflow:hidden;
}
#contentPanes > div {
	position:absolute;
	top:1px;
	right:0px;
	bottom:0px;
	left:0px;
}
#logo {
	position: absolute;
	bottom: 16px;
	left: 16px;
	height:110px;
	width:110px;
	z-index:200;
}