/* ---------------Homepage Stylesheet---------------------- */

/* Layout
------------------------------------------------------ */
body {
    text-decoration: none; 
    color: #000000; /* Primary Text Color */
		font-size:12px;
	  font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	  font-weight: normal;
}

body.logged-in {
    background: url(../../image/images/sflightning_bg.png)!important;
    background-repeat: repeat-x !important;
    background-color: #b6c4de !important;
    background-attachment: fixed;
	min-height:100vh;
}

a { 
    text-decoration: none;
} 

tr[style='height: 5px;'] { 
	display: none; 
}

#price-book,
#search-wrapper h3 { 
	clear: both; 
}

/* Login screen and Homepage Header 
------------------------------------------------------ */  
.login-view > h1 {
	position: absolute;
	top: 0;
	left: 40%;
	margin: 0;
	z-index: 100;
}

/*Login Page
------------------------------------------------------ */  
body.logged-out {
	background: #ffffff !important;
/*	background-color: #035090; ----Alternative Alta Blue Background */
}

#login-logo {
	display:none;
}

.logged-out #footer img{
	display:none;
	margin-bottom: -35px;
}

.logged-out .extra-panes {

	top: 0; left: 0px; bottom: 0; right: 0;
	width:1200px !important;
	height:100!important;
}

.logged-out #login-form-wrap {
	background: #38a0d0;
	background: url(../../image/Demo_Landing/bkgd.jpg) repeat scroll center bottom rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	height: 304px;
	position: absolute;
	top: 0;
	width: calc(100% - 2px);
	z-index: 10;
}
 
.logged-out #login-form { 
	padding-top:393px;
	padding-left: -0px;
	background: url(../../image/Demo_Landing/homepage_icon.png) no-repeat scroll rgba(0, 0, 0, 0);
	background-position:23% 100%;
    border: 0px solid #b5b8c8;
	height:0px;
	width: 97% !important;
	z-index: 100 !important;
	box-shadow: none;
}
	
#login-form-head {
  	position:absolute;
	width:97%;
	height:55px;
	top: 0px;
	margin-top:249px;
}

#login-form-head img{
margin-top: 425px;
margin-left:4%;
	padding-bottom: 15px;
	padding-left: 83%;
border-bottom:solid 1px #d5d5d7;
	margin-bottom: 10px;
}

#login-form .product-name {
	color: #ffffff;
	text-decoration-style: bold!important;
    font-size: 36px;
	width: 300px;
    left: 42%;
	right: 20%;
    letter-spacing: 0.01em;
    position: absolute;
    text-align: left;
    top: -80px;
	border: 0px solid #ffffff;
}



#login-form label { 
    font-size: 12px;
    font-weight: bold; 
}

div.login-fields { 
	left: 42%;
	position: absolute;
	width: 400px;
	height: 100%;
	top:350px;
}

.logged-out .login-fields { 
	background: #ffffff;
}

div.login-button { 
	position:absolute;
		left: 42%;
	z-index:15;
	top:545px;
}
div.login-links { 
	position:absolute;
		left: 42%;
	z-index:15;
	top:495px;
}
.pipe { 
    padding: 0 6px; 
}

#login-form .form-input {
	line-height: 30px; 
  background: #FCFDFE !important;
  border: 1px solid #dfe4e7;
	border-radius: 2px !important;
	width: 20%;
	font-size: 13.5px;
	color: #4f4f4f;
	padding-left: 10px;
}

#login-form-wrap .login-toggle .hide { 
    display: none; 
}

#login-form .login-button td img { 
    display: none;
}

#login-form label {
	margin: 0; padding: 0; 
	display: block;
	line-height: 16px;
	margin-top: 13px;
}

#login-form label{    
    color: #b0b2af;
	font-style:italic;
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 5px;
	width: 60px;
}

#login-form a{    
	color: #008193;
}

#login-form a:hover{    
  text-decoration: underline;
}

#login-form #psword { 
	margin-bottom: 10px;
}
 
#login-form select.form-input { 
	margin-bottom: 5px; 
}

#login-form br { 
	display: none; 
}

#login-form .form-input { 
	margin: 0px; 
	width: 300px;
	clear: both; 
}

#login-form .login-links { 
    line-height: 13px; 
}

.button-text {
	text-decoration:none!important;
}

#login-form td.button-middle {
    background:  #0572ce;
border: 1px solid #0572ce;
    border-radius: 2px;
    height: 48px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight; bold;
   font-size: 18px;
   color: #FFFFFF;
   text-align: center;
   height:48px;

}
#login-form td.button-middle div {
	margin:0!important;
}

#login-form .button-middle a {
	text-align: center!important;
	    background:  #0572ce;
    color: #ffffff !important;
    font-family: "HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",Helvetica,Arial,sans-serif;
    font-size: 20px!important;
    font-weight: 200!important;
	line-height: 48px!important;
	   padding-right:20px;
   padding-left:20px;
}

#login-form td.button-middle:hover {
    border: 1px solid #0572ce!important;
	
}

#login-form .button-middle a:hover {
	    background:  #f4f6f9 !important;
    color: #0572CE!important;
}
#login-form td.button-middle:active {
    background: #0572CE none repeat scroll 0 0!important;
    border: 1px solid #0572ce!important;
}

#login-form .button-middle a:active {
    color: #FFFFFF!important;
}

/*Login - Guest Access
------------------------------------------------------ */  

body.guest-access {
	background: #ffffff !important;
/*	background-color: #035090; ----Alternative Alta Blue Background */
}

.guest-access #login-form-head {
		background-color: #0467bd !important;
}

.guest-access #login-form .form-input {
	line-height: 15px; 
	width: 85%;
}

.guest-access #login-form .product-name {
	color: #FFFFFF;
    font-size: 33px;
    font-weight: 500;
	width: 200px;
    left: 4%;
	right: 20%;
    letter-spacing: 0.01em;
    position: absolute;
    text-align: left;
    top: 170px;
	border: 0px solid #ffffff;
}

.guest-access .extra-panes  {
	display: block;
	position: absolute;
	top: 0;
	width: 100% !important;
	padding: 0;
	margin: 0;
	visibility: hidden;
	z-index: 1002 !important;
	float: none;
}
.guest-access .extra-panes form {
	width: 960px;
	margin: 0 auto;
	display: block;
	visibility: hidden;
	z-index: 1001 !important;
	position: relative;
}

.guest-access .main-pane {
	margin: 0;
	background-color: #ffffff;
}

.guest-access #login-form-wrap { 
    visibility: visible;
    z-index: 1000 !important;
  	background: #0467bd;
	border: 1px solid #0467BD;
	height: 630px;
	left: 250px;
	width: 440px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
}

.guest-access #login-form-head img{
display: none;
}

.guest-access #login-form-wrap { display: none; }

.guest-access div.login-fields { 
	border: 1px solid #0572ce;
	position:absolute;
	z-index:15;
	background:#FFF; 
	width:380px;
	height:280px;
	left:20px;
	top:250px;
	padding: 30px 10px 10px 10px;
}

.guest-access div.login-button{
	margin-left: 5px;
		position:absolute;
		left: 6%;
	z-index:15;
	top:450px;
}

.guest-access div.login-links{
	margin-left: 5px;
		position:absolute;
		left: 6%;
	z-index:15;
	top:390px;
}

.guest-access #login-form-head {
	background: url(../../image/Icons/logomark.png) no-repeat scroll right top rgba(0, 0, 0, 0);
	margin-left: 0;
	padding: 0;
  	position:absolute;
	width:100%;
	height:250px;
	top: 0px;
	margin-top:0px;
}
.guest-access .pipe { padding: 0 6px; }
 
.guest-access #login-form { 
	background: transparent; 
	padding: 0;
	-moz-box-shadow: none;
    border-radius: 0px;
    box-shadow: none;
    background: url(../../image/Icons/OracleLogoWHT.png) no-repeat scroll 255px 570px rgba(0, 0, 0, 0);
    border-top: 30px solid #ffffff !important;
    margin: 0 10px 10px 0px;
	height: 600px;
	width: 440px!important;
}

.guest-access #login-form-wrap .login-toggle {
    position: absolute;
	top: 3px;
	right: 3px;
    height: 16px;
    width: 16px;
  border:5px solid #ffffff;
    background: #FFFFFF url(../../image/Icons/close_button.png) no-repeat right top;
    cursor: pointer;
	z-index:1005;
}
.guest-access #login-form-wrap .login-toggle:hover { 
	background-position: right -16px; 
}

.guest-access #login-form-wrap .login-toggle .hide { 
	display: none; 
}

.guest-access .img-wrapper {
		display: none;
	}


/* Search Box 
------------------------------------------------------ */

#search-outer-wrapper, 
#serial-search-outer-wrapper { 
	margin: 0 0px 0 0; 
	padding: 5px 23px 12px 10px; 
	z-index: 100;     
	-moz-box-shadow: 5px 5px 20px #999999;
	-webkit-box-shadow: 5px 5px 20px #999999;
	box-shadow: 5px 5px 20px #999999;
	background: #FFFFFF;
	border: 1px solid #d6dfe6;
}

#search-login-toggle-wrapper { 
	float: right; 
	padding: 0;
  margin-top: -1px;
	margin-right: 5px;
	white-space: nowrap;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 2;
}

#search-login-toggle-wrapper span.pipe{
	display:none!important;
}

#search-login-toggle-wrapper a, .return-to-quote a { 
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
	margin: 5px 0 0 -1px;
    color: #000000; /* Primary Text Color */   
	background-color: transparent;
    background-image: #e4e8ea; /* For browsers that do not support gradients */
    background-image:-webkit-linear-gradient(#f1f3f4, #e4e8ea); /* For Safari 5.1 to 6.0 */
    background-image:-o-linear-gradient(#f1f3f4, #e4e8ea); /* For Opera 11.1 to 12.0 */
    background-image:-moz-linear-gradient(#f1f3f4, #e4e8ea); /* For Firefox 3.6 to 15 */
    background-image:linear-gradient(#f1f3f4, #e4e8ea); /* Standard syntax */
    border: 1px solid #c4ced7;
  border-radius: 2px;
    height: 26px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none;
	font-weight: 700;
}

#search-login-toggle-wrapper a:hover { 
  background-color: #f7f8f9;
  color: #0572ce;
}

#search-outer-wrapper, #serial-search-outer-wrapper { 
	display: none; 
	position: absolute; 
	right:  0;
	top: 36px;	
	padding: 5px 5px 0px 0px; 
}

#search-wrapper { 
	float: left; 
	width: auto;
	padding-left: 10px; 
	margin-top: 7px; 
	position: relative; 
}
#serial-search-wrapper { 
	float: left; 
	width: 215px; 
	padding-left: 10px; 
	margin-top: 7px; 
	position: relative; 
}
#search-wrapper h3, 
#serial-search-wrapper h3 { 
    float: left;
	color: #454545; /* Primary Text Color */
    padding: 0 0 2px 0; 
    margin: 0 0 2px 0; 
}
#search-login-toggle-wrapper .parts-search-toggle, 
#search-login-toggle-wrapper .serial-num-search-toggle  {
  	background: #fff;
    color: #0070d2;
	margin-top: 15px;
		margin-right: 9px;
    padding: 0 16px !important;
    border: 1px solid #dddbda;
    background: #ffffff;
    border-radius: 4px;
    font-family: 'Salesforce Sans', sans-serif;
    font-size: 14px;
	font-weight: 300;
}

#search-login-toggle-wrapper .parts-search-toggle:hover, 
#search-login-toggle-wrapper .serial-num-search-toggle:hover  {
	background: rgb(244, 246, 249);
}

#search-wrapper .parts-search-toggle, 
#serial-search-wrapper .serial-num-search-toggle  {
    float: right;
    height: 16px;
    width: 16px;
    background: transparent url(../../image/Icons/close_button.png) no-repeat;
    cursor: pointer;
}

#search-top-wrapper, 
#serial-search-top-wrapper  { 
    width: 100%; 
    width: 280px !important!; /* IE 7 */ 
}
#search-bottom-wrapper, 
#serial-search-bottom-wrapper  { 
    clear: both; 
}
#search-wrapper .parts-search-toggle:hover, 
#serial-search-wrapper .serial-num-search-toggle:hover { 
    background-position: 0 -16px 
}
#search-wrapper .hide, 
#serial-search-wrapper .hide  { 
    display: none; 
}
#search-wrapper div, 
#serial-search-wrapper div  { 
    float: left; 
}
/* search input */
div.search-input-wrapper { 
	border: 1px solid #d6dfe6;
	height: 24px;
    margin: 6px 0px; 
    background: #fff; 
}

#simple-search {
	height: 20px;
	line-height: 20px;
	padding: 1px;
	font-size: 12px;
	border: none;
	margin: 1px;
	width: 140px;
}

/* search button */
div.search-button-wrapper {
	margin: 6px 4px 6px 2px;
	background-color: transparent;
    background-image: #e4e8ea; /* For browsers that do not support gradients */
    background-image:-webkit-linear-gradient(#f1f3f4, #e4e8ea); /* For Safari 5.1 to 6.0 */
    background-image:-o-linear-gradient(#f1f3f4, #e4e8ea); /* For Opera 11.1 to 12.0 */
    background-image:-moz-linear-gradient(#f1f3f4, #e4e8ea); /* For Firefox 3.6 to 15 */
    background-image:linear-gradient(#f1f3f4, #e4e8ea); /* Standard syntax */
    border: 1px solid #c4ced7;
    color: #000000;
  border-radius:2px;
	cursor: pointer;
}

.search-button-wrapper input.button {
	background: url(../../image/Icons/func_magnify_ena.png) no-repeat center 3px;
	border: none; 
	width: 22px; 
	height: 24px;
	cursor: pointer;
}

div.search-button-wrapper input.button:hover { 
	background: #f7f8f9 url(../../image/Icons/func_magnify_hov.png) no-repeat center 3px;
}

div.search-button-wrapper input.button:active { 
    background: #0572ce url(../../image/Icons/func_magnify_act.png) no-repeat center 3px;
    border-color: #0572ce!important;
}

.search-button-wrapper input.button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.multiple-search,
.advanced-search {
	font-size: 11px;		
	height: 16px;
	line-height: 16px;
	margin: 7px 8px 7px 0;
	clear: both;
	display: block;
	color: #145c9e;
}
.advanced-search:hover { 
    text-decoration: underline; 
    color: #145c9e;
}

.multiple-search:hover,
.advanced-search:hover {
    text-decoration: underline; 
}

/* Return To Quote */
/* ------------------------------------------------------ */
.return-to-quote,
.return-to-quote-pipe {
	display:none !important;
}
	
#price-book { 
    height: 20px; 
    padding: 2px 1px 2px 0; 
}

#price-book select {
	background: #fff !important;
	border: solid 1px #666666; /* Secondary Color */
	margin-top: 4px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding: 0 0 0 2px;
}
 
/* Wrapper
------------------------------------------------------ */
#wrapper {	
	width: 100%;
	margin-left:  -6px;
	text-align: center;
}	

#wrapper-inner { 
    margin-left: 10px;	
	padding-top: 10px;
	border-radius: 8px;
    background:  #f4f4f4; 
    text-align: left; 
    min-height: 400px;
    position: relative;
	width: auto;
	margin-left: 17px;
	margin-right: 15px;
	margin-top: -5px;
}

 
/* Content
------------------------------------------------------ */	
#content { 
	margin-top: -14px;
	padding: 30px 20px 40px 20px;
		border-radius: 0 0 8px 8px;
}

.featured-image { 
	padding: 5px; 
	border: solid 1px #fff; 
	float: right; 
}	

.product-content h2 {
  margin-top: -114px;
	margin-left: -3px;
	padding-bottom: 90px;
	text-align: left;
  color: #080707 !important;
  font-weight: 400;
  font-size: 18px !important;
  text-transform: none;
}

.product-content {
	border-top: 1px solid #d6dfe6;
	border-radius: 3px;
	margin-top: -16px;
}
 
/* Footer
------------------------------------------------------ */	
#footer { 
	background: transparent;  
	margin-left:  -25px;
}
#footer-inner {
	width:  940px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	background-repeat: no-repeat; 
	background-position: center center; 
	height: 100px;
}
.powered-by { 
	margin: 20px 0 0 0; 
	display: block; 
}

/* Product Family Tabs
--------------------------------------------- */

#family-nav {
    background: #ffffff;
    display: block;
    margin: 0px;
    padding-top: 30px;
    width: unset;
	  margin-top: 55px;
}

#family-nav li {
    float: none;
    list-style: none;
    margin-bottom: -4px;
}

#family-nav > li > a {
    color: #080707; /* Link Color  */
    height: 36px;
    line-height: 33px;
    padding: 0px 15px;
    margin: 0px 0px 0 0;
    text-decoration: none;
    font-family:"Salesforce Sans", Arial, sans-serif; /* Primary Font  */
    font-size: 14px!important;
    font-weight: 400;
    border-bottom: 2px solid transparent;
}
#family-nav > li.active > a,
#family-nav > li.active > a:hover{
    border-bottom: 3px solid #0070D2; /* Primary UI Color  */
    padding-top: 0px;
    font-weight: 700;
}

#family-nav > li > a:hover {
    border-bottom: 2px solid #0070D2;
    background: none repeat scroll 0 0 #FFFFFF!important;
    padding-top: 1px;
}

#family-nav > li > a.active {
    padding: 0px 8px 0px 8px;
    margin: 0px 5px 0 0;
    border-bottom: 3px solid #0070D2!important; /* Primary UI Color  */
    text-decoration: none;
    font-weight: 700;
}


ul.dropdown > li > a {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
	margin-bottom: -1px;
    margin-left: 5px;
	padding: 0px 10px;
}

/* Hide Sub Indicator on Product Family dropdown */
/* ------------------------------------------------------ */
.sf-sub-indicator{
    display:none;
}

/* Product Line Nav Bar 
------------------------------------------------------*/
.product-line-nav{ 
	display:none; 
	margin-top: 2px;
	padding: 0px;
	padding-bottom: 4px;
	position: relative;
} /* Product Line and model styles set in dropdown.css */

.product-line-nav ul { 
	padding: 0px; 
	display: inline-block; 
}

.product-content h2 {

}

/* Model Line Tabs / Dropdown - Level One
------------------------------------------------------ */
ul.dropdown {
	position: relative; 
    margin: 0 10px;
/*	z-index: 50; */
}

ul.dropdown li {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

/* Dropdown - Level Two items */
ul.dropdown ul { 
	width: auto;
	max-width: 550px;
	height: auto;
	display: block;
	visibility: hidden; 
	position: absolute; 
	top: 96%;
    left: 0px;
      border: 1px solid #c4ced7;
}

ul.dropdown ul li { 
	font-weight: normal; 
	color: #000000; 
	float: none; 
	font-size: 12px; 
	display: block; 
	height: auto; 
	display: inline-block !important!; /* IE 6 & 7 Needs Inline Block */
} 
ul.dropdown li:hover > ul { 
	visibility: visible; 
}

/* Dropdown -Inactive Tab items*/
ul.dropdown ul li a { 
    background: #FFFFFF;
    border: 0px solid #c4ced7;
	width: auto; 
	display: block;  
	line-height: 20px; 
	padding: 3px 8px; 
    color: #000000;
	text-decoration: none!important;
}

ul.dropdown ul li:first-child a { 
}

ul.dropdown li ul li a:hover {
    background: #ebeced!important;
    color: #000000;
	text-decoration: none!important;
}

/* Dropdown - Active Tab items*/
ul.dropdown li.active ul li a { 
    background: #FFFFFF;
	text-decoration: none!important;
}

ul.dropdown li.active ul li a:hover {
	background: #ebeced;
    color: #000000;
	text-decoration: none!important;
}

/* Dropdown - Level Three items*/
ul.dropdown ul ul { 
	left: 100%; 
	top: 0; 
}

ul.dropdown li li a {
	min-width: 150px; 
    display: block;
    white-space: nowrap;
	text-decoration: none!important;
}

/* Dropdown - Documents */
ul.dropdown li li.doc a{ 
	padding-left: 25px; 
	padding-left: 10px !important!; 
}

ul.dropdown li li.doc-head { 
	border-top: solid 2px;
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15) inset;
}
ul.dropdown li li.doc-head a { 
	cursor: default; 
	padding-left: 10px !important; 
	font-weight: bold; 
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}

ul.dropdown li li.doc-head a:hover { 
    background: none repeat scroll 0 0 transparent;
}

ul.dropdown li li.doc a{ 
	padding-left: 25px; 
}

/* Model Details - Added for GSE demo environments */

.model {
		font-size: 12px;
		line-height: 1.5em;
		float: left;
		width:  165px;
		margin: 10px 15px 0px 20px;
		padding: 0 1px 0px 1px;
}

.model h3 a {
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    color: #636973  !important;
    font-weight: 600;
	
}

.model a:hover { 
	color: #145c9e;
}

h3 {
	font-size: 120%;
	line-height: 130%;
	text-align: center;
}

.img-wrapper {
	display: block !important!; /* IE7 */
	padding-top: 10px !important!; /* IE7 */
	height: 190px !important!; /* IE7 */ 
	display: table-cell;
	width: 226px;
	text-align: center;
}

.img-wrapper img {
	max-width: 165px;
	max-height: 165px;
	vertical-align: middle;
}

/* Hide unwanted models on homepage (Specific to Vision Servers) */
/* ------------------------------------------------------ */
div#model-greenServer3500.model,
div#model-greenServer7500.model,
div#model-greenServer9560.model,
div#model-sentinelPowerServer4500.model,
div#model-sentinelPowerServer5500.model,
div#model-sentinelPowerServer7500.model,
div#model-ultraPowerServer1500.model,
div#model-ultraPowerServer3000.model,
div#model-ultraPowerServer4500.model,
div#model-partUpload.model{
	display: none;
}