/* 
SKTY Trading Site v2.0 Style Sheet
Author: Intellectual Alchemy
Implimenation: public
Date: 08/06/2007
*/

/*----------------------------------------------------------------------------------
***************************** Global Elements  ***********************************
----------------------------------------------------------------------------------*/

Body {
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#273442;
	scrollbar-shadow-color:#000000;
	scrollbar-face-color:#273442;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#273442;
	scrollbar-3d-light-color:#ffffff;
	
	background-color: #273442;
	background-image:url(../images/HTML_Backing.png); 
	background-repeat: no-repeat; 
	background-position:center; 
	background-position:top; 
	
	padding-top:12px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


/* Font Family -- Designates font-family globally.  */
html, body, div, p, td, th {	 
	font-family: Arial, Helvetica, sans-serif; color: #38302F; font-size: 8pt; line-height: 11pt; margin: 0;
}

/****************************** Fonts ************************************/

/* Sub Page Header -- Used as the header for all subpages  */
.fntSubPageHeader {	 
	font: 14px Arial, Helvetica, sans-serif; color:#38302F; font-weight: bold; letter-spacing:0px;
}

/* Person Name -- Used for the Name of a person in the people page  */
.fntPersonName{	 
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#007580; font-weight: bold; letter-spacing:0px;
}

/* Job Title -- */
.fntJobTitle{	 
	font: 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#007580; font-weight: bold; letter-spacing:0px;
}

/* Validation Message Header  */
.fntValidationHeader {	 
	font: 12px Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; letter-spacing:0px;
}

/* Copyright -- Used in the copyright on the footer  */
.fntCopyright {	 
	font: 8px Arial, Helvetica, sans-serif; color:#B1A5A3; font-weight: normal; letter-spacing:1px; text-transform:uppercase; 
}


/*----------------------------------------------------------------------------------
***************************** Hyperlink Styles ***********************************
----------------------------------------------------------------------------------*/

/* MastHead Global Links -- used on Header of master page  */
.lnkMastHead {
	font: 8px Arial, Helvetica, sans-serif; color:#999999; font-weight: normal; letter-spacing:1px; text-transform:uppercase;
}
A.lnkMastHead:link, A.lnkMastHead:visited, A.lnkMastHead:active { text-decoration: none; }
A.lnkMastHead:HOVER {text-decoration: underline;}

/* Press Title Link -- used on press page  */
.lnkPressTitle {
	font: 12px Arial, Helvetica, sans-serif; color:#007580; font-weight: normal; letter-spacing:0px;
}
A.lnkPressTitle:link, A.lnkPressTitle:visited, A.lnkPressTitle:active { text-decoration: none; }
A.lnkPressTitle:HOVER {text-decoration: none; color:#FF6600}




/*----------------------------------------------------------------------------------
***************************** Div Styles ***********************************
----------------------------------------------------------------------------------*/

/* Site Container -- Centers the site table */
.divSiteContainer {
	width: 972px; height:571px; position: absolute; left: 50%; margin-left: -486px; border: none; background-color:#FFFFFF; background-image:url(../images/Site_Backing.png); background-repeat:no-repeat; overflow:hidden; 
}

/* Left Column Container --  */
.divLColumn {
	width: 238px; height:570px; position: relative; left:5px; top:0px; border: none;
}

/* Right Column Container --  */
.divRColumn {
	width: 724px; height:545px; position: relative; left:243px; top:-570px; border: none;
}

/* Logo Container -- Postitions the Logo */
.divLogoContainer {
	width: 148px; height:65px; position: relative; left:20px; top:11px; border: none; background-image:url(../images/Site_Logo.gif);
}

/* Global Nav Container -- Postitions the Global Nav */
.divGlobalNavContainer {
	width: 231px; height:188px; position: relative; top:18px; border: none;
}

/* Masthead Hyperlink Container -- Postitions the Masthead text links */
.divMastHeadLnks {
	position: relative; border: none; float:right; right:21px; top:-425px;
}

/* Branding Image, LOWER LEFT -- Postitions the branding image under the global nav */
.divBrandImage1 {
	width: 238px; height:269px; position: relative; top:23px; border: none;	
}

/* Page Content Container -- Postitions Page content */
.divContentWell {
	width: 724px; height:460px; position: relative; border: none; left: 0px; top:85px; overflow:hidden;	
}

/* Content Well Left column -- Postitions Page content naext to the branding image */
.divContentWellLColumn {
	width: 500px; height:460px; position: relative; border: none; left: 18px; top:0px; overflow:hidden;	
}

/* Content Well Right column -- Postitions Page content naext to the branding image */
.divContentWellRColumn {
	width: 201px; height:460px; position: relative; border: none; float:right; top:-460px; overflow:hidden; background-color: #000000; text-align:right;	
}

/* Page Header */
.divPageHeader {
	width: 500px; height:21px; position: relative; border-bottom:#38302F 1px solid; top:24px;
}

/* Subnav Row -- creates a row to line the subnav buttons up */
.divSubnavRow {
	width: 500px; height:13px; position: relative; top:28px;
}

/* Subnav btn -- holds the button and lines them up correctly */
.divSubnavbtn {
	position: relative; float:left;
}

/* SubPage Header -- holds the header of the content */
.divSubPageHeader{
	width: 500px; height:12px; position: relative; top:35px;
}

/* Page Content -- holds the page content in the correct position under the subnav row */
.divPageContentContainer{
	width: 500px; height:356px; position: relative; top:44px;
}

/* List Item -- holds a repeatable item such as press, jobs, people adn lines them up in a neat column */
.divListItemContainer{
	width: 485px; position: relative; margin:0 0 10px 0;
}

/* Copyright Container -- Postitions the copyright line */
.divCopyright {
	position: relative; width:238px; border: none; top:29px; float:left; left:0px;
}

/*----------------------------------------------------------------------------------
***************************** Button Styles ***********************************
----------------------------------------------------------------------------------*/

/* Global Nav Button, ABOUT --   */
.btnAbout {
     display: block; /* a tag must be a block */
     width: 231px; /* width of reactive image */
     height: 62px; /* height of reactive image */
     background-image: url(../images/Btn_About.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
	 margin-bottom:1px;	  
}

A.btnAbout:link, A.btnAbout:visited, A.btnAbout:active { display: block; width: 231px; height: 62px; background-image: url(../images/Btn_About.png); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:1px;
}
A.btnAbout:HOVER {display: block; width: 231px; height: 62px; background-image: url(../images/Btn_About.png); background-repeat: no-repeat; background-position: 0px -62px; margin-bottom:1px;  
}

/* Global Nav Button, CAREERS --   */
.btnCareers {
     display: block; /* a tag must be a block */
     width: 231px; /* width of reactive image */
     height: 62px; /* height of reactive image */
     background-image: url(../images/Btn_Careers.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
	 margin-bottom:1px;	  
}

A.btnCareers:link, A.btnCareers:visited, A.btnCareers:active { display: block; width: 231px; height: 62px; background-image: url(../images/Btn_Careers.png); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:1px;
}
A.btnCareers:HOVER {display: block; width: 231px; height: 62px; background-image: url(../images/Btn_Careers.png); background-repeat: no-repeat; background-position: 0px -62px; margin-bottom:1px;  
}	

/* Global Nav Button, Contact --   */
.btnContact {
     display: block; /* a tag must be a block */
     width: 231px; /* width of reactive image */
     height: 62px; /* height of reactive image */
     background-image: url(../images/Btn_Contact.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%; 
}

A.btnContact:link, A.btnContact:visited, A.btnContact:active { display: block; width: 231px; height: 62px; background-image: url(../images/Btn_Contact.png); background-repeat: no-repeat; background-position: 0px 0%;
}
A.btnContact:HOVER {display: block; width: 231px; height: 62px; background-image: url(../images/Btn_Contact.png); background-repeat: no-repeat; background-position: 0px -62px;
}	

/* Subnav Buttons --   */
.btnSubnav {
     display: block; /* a tag must be a block */
     width: 70px; /* width of reactive image */
     height: 10px; /* height of reactive image */
     background-image: url(../images/Btn_Subnav.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 4px; 
	 color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:8px; margin-right:12px;
}

A.btnSubnav:link, A.btnSubnav:visited, A.btnSubnav:active { display: block; width: 70px; height: 10px; background-image: url(../images/Btn_Subnav.gif); background-repeat: no-repeat; background-position: 0px 4px;color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:8px; margin-right:12px;
}
A.btnSubnav:HOVER {display: block; width: 70px; height: 10px; background-image: url(../images/Btn_Subnav.gif); background-repeat: no-repeat; background-position: 0px -9px; color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:8px; margin-right:12px;  
}

/* View --   */
.btnView {
     display: block; /* a tag must be a block */
     width: 11px; /* width of reactive image */
     height: 11px; /* height of reactive image */
     background-image: url(../images/Btn_View.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0px; 
}

A.btnView:link, A.btnView:visited, A.btnView:active { display: block; width: 11px; height: 11px; background-image: url(../images/Btn_View.gif); background-repeat: no-repeat; background-position: 0px 0px;
}
A.btnView:HOVER {display: block; width: 11px; height: 11px; background-image: url(../images/Btn_View.gif); background-repeat: no-repeat; background-position: 0px -11px;
}	

/* Back button, returns the user to previous page --   */
.btnBack{
     display: block; /* a tag must be a block */
     width: 112px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Btn_Back.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0px; 
	 color: #2C2625; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; padding-left:14px;
}

A.btnBack:link, A.btnBack:visited, A.btnBack:active { display: block; width: 112px; height: 14px; background-image: url(../images/Btn_Back.gif); background-repeat: no-repeat; background-position: 0px 0px;color: #2C2625; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; padding-left:14px;
}
A.btnBack:HOVER {display: block; width: 112px; height: 14px; background-image: url(../images/Btn_Back.gif); background-repeat: no-repeat; background-position: 0px -14px; color: #2C2625; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; padding-left:14px;  
}

/* Submit Resume --   */
.btnSubmit {
     display: block; /* a tag must be a block */
     background-image: url(../images/Btn_SubmitResume.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 1px;
	 color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:14px;
 
}

A.btnSubmit:link, A.btnSubmit:visited, A.btnSubmit:active { display: block; background-image: url(../images/Btn_SubmitResume.gif); background-repeat: no-repeat; background-position: 0px 1px; color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:14px;
}
A.btnSubmit:HOVER {display: block; background-image: url(../images/Btn_SubmitResume.gif); background-repeat: no-repeat; background-position: 0px -13px; color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:14px;
}

/* Print --   */
.btnPrint {
     display: block; /* a tag must be a block */
     background-image: url(../images/Btn_PrintResume.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 1px;
	 color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:14px;
 
}

A.btnPrint:link, A.btnPrint:visited, A.btnPrint:active { display: block; background-image: url(../images/Btn_PrintResume.gif); background-repeat: no-repeat; background-position: 0px 1px; color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:14px;
}
A.btnPrint:HOVER {display: block; background-image: url(../images/Btn_PrintResume.gif); background-repeat: no-repeat; background-position: 0px -13px; color: #2C2625; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; text-decoration:none; padding-left:14px;
}

/* Send button, Send the email from the mailto form --   */
.btnSend{
     display: block; /* a tag must be a block */
     width: 112px; /* width of reactive image */
     height: 14px; /* height of reactive image */
     background-image: url(../images/Btn_Send.gif);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0px; 
	 color: #2C2625; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; padding-left:18px;
}

A.btnSend:link, A.btnSend:visited, A.btnSend:active { display: block; width: 112px; height: 14px; background-image: url(../images/Btn_Send.gif); background-repeat: no-repeat; background-position: 0px 0px;color: #2C2625; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; padding-left:18px;
}
A.btnSend:HOVER {display: block; width: 112px; height: 14px; background-image: url(../images/Btn_Send.gif); background-repeat: no-repeat; background-position: 0px -16px; color: #2C2625; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none; padding-left:18px;  
}




/*----------------------------------------------------------------------------------
***************************** PNG Workarounds ***********************************
----------------------------------------------------------------------------------*/

/* Branding Image Shadow Overlay, Space 1 -- overlays the inner shadow effect over the branding image on space #1 (below the global nav */
#BrandImage1ShadowOverlay {
	width:238;
	height:269;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='../images/BrandImageOverlay_1.png')
}
html>body #BrandImage1ShadowOverlay {
	background-image:url(../images/BrandImageOverlay_1.png);
}

/* Branding Image Shadow Overlay, Space 2 -- overlays the inner shadow effect over the branding image on space #1 (below the global nav */
#BrandImage2ShadowOverlay {
	width:201;
	height:460;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='../images/BrandImageOverlay_2.png')
}
html>body #BrandImage2ShadowOverlay {
	background-image:url(../images/BrandImageOverlay_2.png);
}

/* Home Image Shadow Overlay, -- overlays the inner shadow effect over the homepage Branding Image */
#HomeImageShadowOverlay {
	width:724;
	height:460;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='../images/HomeImageOverlay.png')
}
html>body #HomeImageShadowOverlay {
	background-image:url(../images/HomeImageOverlay.png);
}


/*----------------------------------------------------------------------------------
***************************** User Controls ***********************************
----------------------------------------------------------------------------------*/

/* User Control, 150PX WIDTH -- sets color, border and font style for all text inputs, dropdowns */
.uc150{
    border: 1px solid #737373;
    background: #E9E9E9;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 10px; 
	letter-spacing: 1px;    
    color: #333333;
	padding-left: 2px;
	width:150px;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#737373;
	scrollbar-shadow-color:#ffffff;
	scrollbar-face-color:#737373;
	scrollbar-highlight-color:ffffff;
	scrollbar-dark-shadow-color:#737373;
	scrollbar-3d-light-color:#ffffff;	
}