/* ------------------------------------------------------------
Site: OJAY Winter 2010
URI: http://www.ojay.com.au
Author: PARCA Corp.
Updated: February 2010

Title: Master CSS
------------------------------------------------------------ */

/* Palette Winter
----------------------------
Aqua 100	#2db5ad
Aqua 75		#62c8c2
Aqua 50		#96dad6
Aqua 25		#caecea 

Grey		#b9b9b9	(darkest)
			#dcdcdc
			#ededed (lightest) */

@import url(../framework/960/960.css);

body {
	font-family: Georgia, Times, serif; 
	color: #333333;
	background: #fdfdfc url(../../images/generic/ojay_tile.gif) repeat; }


/* Persistent header
------------------------------------------------ */	
#signup {
	height: 25px; 
	text-align: right; 
	padding-right: 5px; }
	
	#signup a {
		color: #555555; }	
		
	#signup a:hover {
		text-decoration: none; }	


/* Navigation
------------------------------------------------ */	
#navigation {
	background: #fff;
	border-right: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5; }

/*
#navigation {
	padding: 25px 10px;
	background: url(../../images/generic/shadow.png) repeat-y; }
	
	* html #navigation { background : none; }	
	* html #navigation { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Tempo/versions/v_template_01/images/generic/shadow.png', sizingMethod='scale'); }
*/


/* Page
------------------------------------------------ */			
#page{
	padding: 0; 
	background: #fff; 
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5; }

/*
#page{
	padding: 0 10px; 
	background: url(../../images/generic/shadow.png) repeat-y; }
	
	* html #page { background : none; }	
	* html #page { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Tempo/versions/v_template_01/images/generic/shadow.png', sizingMethod='scale');}
*/
	
/*
#page_end {
	width: 960px;
	height: 20px; 
	margin: 0;
	border-bottom: 1px solid #F5F5F5; }
*/
	
/* Masthead
------------------------------------------------ */	
#masthead {
	/* set a height, drop in a logo */
	position: relative; }
	
#masthead #logo {
	position: absolute;
	top: 16px; 
	right: 20px;
	background: url(../../images/project/ojay_logo_pk.png) no-repeat;
	z-index: 100;
	width: 200px;
	height: 53px;  }
	
	* html #masthead #logo { background : none; }	
	* html #masthead #logo { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Tempo/versions/v_template_01/images/project/ojay_logo_pk.png', sizingMethod='scale');}		


/* Content
------------------------------------------------ */	
#content {
	min-height: 600px; 
	position: relative;
	z-index: 30; }
	
	
/* Feature panel
------------------------------------------------ */	
#content #feature_panel {
	background: transparent url(../../images/generic/black_25.png) repeat;
	width: 940px;
	height: 135px;
	position: absolute; 
	bottom:150px; 
	z-index: 50; 
	font-size: .9em; }
	
	* html #content #feature_panel { background : none; }	
	* html #content #feature_panel { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Tempo/versions/v_template_01/images/generic/white_25.png', sizingMethod='scale');}		

/* Stylecard */	
#content #feature_panel #stylecard {
	float: left; 
	height: 100px; 
	width: 480px; 
	padding: 10px; 
	margin: 10px; }
	
#content #feature_panel #stylecard img {
	float: left;
	margin-right: 10px; }		
	
#content #feature_panel #stylecard p {
	margin-left: 150px;
	color: #fdfdfc; }	
	
#content #feature_panel #stylecard p a {
	color: #62c8c2;
	text-decoration: none;
	border-bottom: 1px solid #2db5ad; }		
	
/* Twitter include */	
#content #feature_panel #tweet {
	float: right; 
	width: 360px; 
	min-height: 80px;
	padding: 10px 0 0 0;
	margin:10px 0 0 0;
	background: transparent url(../../images/project/twitter_bird.png) no-repeat 260px 10px;
	overflow: auto; }
	
	* html #content #feature_panel #tweet { background : none; }	
	* html #content #feature_panel #tweet { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Tempo/versions/v_template_01/images/project/twitter_bird.png', sizingMethod='scale');}	
	
#content #feature_panel #follow {
	float: right; 
	width: 360px; 
	padding: 0; 
	margin: 0; }		
	
#content #feature_panel #tweet p {
	color:#fff;  }			

#content #feature_panel #tweet ul {
  	list-style: none;
  	padding: 0;
  	margin-right: 110px; }
 
#content #feature_panel #tweet ul li span.twitterStatus {
	color:#fff; } 
	
#content #feature_panel #tweet ul li span.twitterTime {
	color:#fff;
	font-style: italic; }

#content #feature_panel #tweet a,
#content #feature_panel #follow a {
	color: #62c8c2;
	text-decoration: none;
	border-bottom: 1px solid #2db5ad; }	

/* Open/close panel */
#content #feature_panel #close_it a.panel_close {
	height: 20px;
	width: 30px; 
	position:absolute;
	right: 0;
	bottom: 0;
	padding-right: 20px;
	color:#caecea; }
	
#content a.panel_open {
	display: none; }
		

/* Footer and fineprint
------------------------------------------------ */		
#fineprint {
	text-align:center;
	margin-bottom: 10px;
	color: #A1A1A1;
	font-size: 80%;  }

#fineprint p {
	padding-top:10px;
	display:block;
	color: #A1A1A1; }
	
#fineprint p a {
	color: #62c8c2;  }	

#footer {
	height: 25px;
	margin-bottom: 10px; 
	color: #A1A1A1;
	font-size: 80%; }
	
#footer p {
	padding-top:5px;
	display:block;
	color: #A1A1A1; }
	
#footer p a {
	color: #62c8c2;  }	

#footer img {
	vertical-align: middle; }

/* Layout elements
------------------------------------------------ */	
.inner {
	padding: 2em; }


/* Crossfader JS (homepage)
------------------------------------------------ */	
div.cf_wrapper {
	position: relative;
	height: 710px; 
	z-index: 50; }

/* image size */
div.cf_element {
	width: 940px;
	height: 700px;
	background-color: #eee; }

div.cf_element div.content {
	 }

div.cf_element div.content h3 {
	padding-top: 0;
	margin-top: 0; }


/* Careers
------------------------------------------------ */		
#careers_panel { }

/* top state buttons */
.career_item_button {
	margin-left: 45px;
	cursor:pointer;
	display: list-item;
	list-style: disc;
	color: #b9b9b9; }
	
.career_item_button:hover {
	text-decoration: underline; }	

.career_item_button.button_active span.state_display {
	color: #b9b9b9;
	text-decoration: underline; }
	
/* position type divs */
.type_item {
	float:left;
	width:212px;
	margin:3px;
	padding:3px;
	margin-bottom: 30px; }
	
.type_item h3 {
	padding-bottom: 10px; }	
	
/* career radio button */
.type_item .form_item {
    clear:both;        
    width:200px;
    margin:3px;
    padding:3px; }
    
.type_item .form_item div.radio input {
    float:left;
    margin-left:10px; }
    
.type_item .form_item div.vertical div {
    width: 100%; }
    
.type_item .form_item div.vertical label {
	clear:none;
    width: 140px;
    float:left; 
    padding-left: 3px; }
    
.type_display {
	font-size: 2.1em;
	font-weight: normal;
	margin-bottom:0.5em; }   
	
/* 'Continue to Application Form' button */
.apply_button {
	padding:10px;
	background: #d0d0d0;
	color: #333;
	cursor:pointer; 
	text-align: center; 
	margin: 0 300px; }
	
.apply_button:hover {
	background: #e7e7e7;
	color: #333;  }	
	
/* Careers form */

#modal_panel {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100000;
	background: #bfb6ac; }

#modal_panel h1 { 
	color:#fff;
	width:100%;
	text-align:center;
	margin-top:100px; }

#modal_panel .button { 
	width:200px;
	padding:10px;
	background-color: #ece8e3;
	border-bottom: 1px solid #d8d0c7; 
	border-right: 1px solid #d8d0c7;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	cursor:pointer; 
	color: #000; }

#modal_panel .button h1 { 
	margin:0;
	padding:0;	
	color:#000; } 



/* Application Form accordion toggle */

#form_panel { 
	padding: 0;
	margin: 0; }

#form_panel .careers dt.acc_toggle {
	font-size: 1.4em;
	background: #ededed;
	border-bottom: 1px solid #b9b9b9; 
	cursor: pointer;
	color: #333;
	padding: 6px; }
	
/* Accordion content */
#form_panel .careers dd.acc_content {
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important; }
	
/* Form column left */
#form_panel .acc_content .left_column {
	padding:5px;
	width:435px;
	margin-top:20px;
	float:left; }
	
/* Form column right */
#form_panel .acc_content .right_column {
	padding:5px;
	width:435px;
	margin-top:20px;
	float:left; }
	
/* Form Item  */
#form_panel .form_item {
	width:410px;
	margin:3px;
	padding:3px; }
	
/* The position selection box holder  */
#form_panel .position_holder {
	padding-bottom: 40px; 
	clear: both; }
	
#form_panel .position_holder label {	
	float:left;
	font-size:1.4em;
	text-align: right;
	margin-right: 10px;
	padding: 3px; }
	
#form_panel .position_holder select {
	float:left;
	padding:5px;
	margin-top: 5px;
	float: left;
	background: #efe9e5;
	font-size:1.4em;
	font-family: Georgia, Times, serif;  }	
		
/* Instructions */
.instructions {
	float: left;
	clear: both; 
	font-style: italic;
	font-family: Georgia, Times, serif; }	

/* Form item input element */
.acc_content input {
	width:220px;
	display:block;
	float:left;
	padding:4px;
	border: 1px solid #ededed; 
	font-family: Georgia, Times, serif; 
	font-size:100%;
	color: #b9b9b9;	}
	
.acc_content .check {
	width:25px; }
	
/* Select input element */
#form_panel .form_item select {
	display:block;
	float:left;
	width:160px;
	padding:4px;
	z-index:101; 
	border: 1px solid #ededed; 
	font-family: Georgia, Times, serif; 
	font-size:100%;
	color: #62c8c2;  }
	
/* Text area input element */
#form_panel textarea {
	display:block;
	float:left;
	width:300px;
	padding:4px;
	border: 1px solid #ededed; 
	font-family: Georgia, Times, serif; 
	font-size:100%;
	color: #b9b9b9; }
	
/* Form item label element */
.acc_content label {
	width:152px;
	border-bottom:1px dotted #fff;
	display:block;
	float:left;
	padding:4px; }
	
.acc_content .box {
	border-bottom: none;
	text-align: left;  }	
	
/* Some formating modifiers */
.acc_content .verify_item {
	clear:both;
	width:800px;
	padding:20px; }
	
.acc_content .date_field {
	width:100px; }
	
.acc_content .big_label {
	font-size:1.4em;
	width:650px; }
	
.acc_content input.double {
	margin-top:12px; }
	
/* The submit button */
.submit_button {
	font-size:1.4em;
	padding:10px;
	background: #d0d0d0;
	color: #333;
	cursor:pointer; 
	text-align: center; 
	float: left;
	width: 300px; 	}
	
.submit_button:hover {
	background: #e7e7e7;
	color: #333;  }	


/* Store finder
------------------------------------------------ */	

.state_holder {
	width: 200px; 
	border-right: 1px dotted #b9b9b9;
	float: left; }

.suburb_holder {
	width: 200px; 
	border-right: 1px dotted #b9b9b9;
	float: left;   }
	
.address_holder {
	width: 200px; 
	border-right: 1px dotted #b9b9b9;
	float: left;   }	

/* state panel */
.state_item {
	color: #b9b9b9; }

/* top state buttons */
.state_item_button {
	margin-left: 45px;
	cursor:pointer;
	display: list-item;
	list-style: disc;
	color: #b9b9b9; }

/* active state button */
.state_item_button.button_active span.state_title {
	color: #b9b9b9; }

.state_item_button span.state_title {
	color: #b9b9b9; }
	
/* store buttons */
.store_item_button {
	margin-left: 45px;
	cursor:pointer;
	display: list-item;
	list-style: disc;
	color: #b9b9b9; }
	
.store_item_button.button_active span.store_title { }
	
/* store detail text holder */
.store_item {
	padding: 0 30px;  }
	
.store_item span {
	display:block; }
	
/* store detail heading */
.store_item span.title {
	margin-bottom:10px; }
	
/* store detail text classes */
.address_holder span.store_title {
	font-size: 2.2em;	 
	line-height: 1em; }	
	
/* store detail text classes */
span.store_address1 {
	margin-bottom: 0px; }
	
span.store_address2 {
	margin-bottom: 0px; }
	
span.store_phone {
	margin-bottom: 3px; }
	
span.store_hours {
	margin:0; }
	
span.store_other {
	margin:0; }
	
.store_display { }		


/* TOGGLE OPACITY */

#logo:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; }
	
span.amp {
   font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:110%;
   font-style:italic;
}