/* ------------- desktop version ----------- */
body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url("https://login.oracle.com/mysso/sso_loginui/f01-bgstrip.png") repeat-y scroll 50% 0 #EFEFEF;
}
.clear{
	clear:both;	
}

.f01bg {
    background: url("https://login.oracle.com/mysso/sso_loginui/u01-u06-f01-sprite.png") no-repeat scroll 50% -165px transparent;
    left: 0;
    min-height: 900px;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:-1;
}
.wrapper{
	width:975px;
	margin:0 auto;
	background:#fff;	
}
.header{
	
    height: 18px;
	padding:14px 12px;
}
.logo{
	background: url("https://sso.panasonic.aero:7777/oam/pages/images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 43px;
    text-indent: -9999px;
    width: 164px;
}
.content_part{
	border:1px solid #d3d2d2;	
}
.content_part .left_column{
	float:left;
	width:691px;
	background: url("https://login.oracle.com/mysso/sso_loginui/content_bg.jpg") repeat-x scroll 0 0;
	min-height:495px;
	border-right:1px solid #d3d2d2;
}
.sso_internal .content_part{
	background: url("https://login.oracle.com/mysso/sso_loginui/content_bg.jpg") repeat-x scroll 0 0;
	min-height: 495px;	
}
.content_part .form_holder{
	margin:90px 62px 0;
	width:283px;	
}
.content_part .form_holder h1{
	font-size;30px;
	margin-bottom:22px;	
}
.content_part .form_holder ul{
	margin:0;
	padding:0;
	list-style:none;	
}
.content_part .form_holder ul li{
	margin-bottom:10px;	
}
.content_part .form_holder ul li label{
	display:block;
	font-size:14px;
	margin-bottom:8px;
	font-weight:bold;	
}
.content_part .form_holder ul li a{
	text-decoration:none;
	display:block;
	float:right;
	font-size:12px;
	color:#15507e;
}
.content_part .form_holder ul li a:hover{
	text-decoration:underline;	
}
.form_holder input[type="text"], input[type="password"]{
	padding: 10px;
    width: 92%;
	border:1px solid #d3d3d3;
	margin-bottom:6px;
}
.content_part .form_holder ul li .submit_btn{
	background: #9BBCDB;
background: -moz-linear-gradient(top,  #9BBCDB 0%, #558EC2 47%, #0046AD 56%, #226BB0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9BBCDB), color-stop(47%,#558EC2), color-stop(56%,#0046AD), color-stop(100%,#226BB0));
background: -webkit-linear-gradient(top,  #9BBCDB 0%,#558EC2 47%,#0046AD 56%,#226BB0 100%);
background: -o-linear-gradient(top,  #9BBCDB 0%,#558EC2 47%,#0046AD 56%,#226BB0 100%);
background: -ms-linear-gradient(top,  #9BBCDB 0%,#558EC2 47%,#0046AD 56%,#226BB0 100%);
background: linear-gradient(to bottom,  #9BBCDB 0%,#558EC2 47%,#0046AD 56%,#226BB0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BBCDB', endColorstr='#226BB0',GradientType=0 );
	border:1px solid #558EC2;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:8px 56px;
	display:block;
	color:#fff;
	font-size:18px;
	margin-top:35px;
	font-weight:bold;
	box-shadow:0 0 1px 1px #9BBCDB inset, 0 2px 3px #888888;
	float:left;
}

.content_part .form_holder ul li .submit_btn:hover{
	text-decoration:none;
	background: #226BB0;
background: -moz-linear-gradient(top,  #226BB0 0%, #0046AD 44%, #558EC2 53%, #9BBCDB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#226BB0), color-stop(44%,#0046AD), color-stop(53%,#558EC2), color-stop(100%,#9BBCDB));
background: -webkit-linear-gradient(top,  #226BB0 0%,#0046AD 44%,#558EC2 53%,#9BBCDB 100%);
background: -o-linear-gradient(top,  #226BB0 0%,#0046AD 44%,#558EC2 53%,#9BBCDB 100%);
background: -ms-linear-gradient(top,  #226BB0 0%,#0046AD 44%,#558EC2 53%,#9BBCDB 100%);
background: linear-gradient(to bottom,  #226BB0 0%,#0046AD 44%,#558EC2 53%,#9BBCDB 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#226BB0', endColorstr='#9BBCDB',GradientType=0 );	
}
::-webkit-input-placeholder { 
    color:#666666;
	font-size:12px;
}
:-moz-placeholder { 
    color:#666666;
	font-size:12px;
}
::-moz-placeholder {
    color:#666666;
	font-size:12px;
}
:-ms-input-placeholder { 
    color:#666666;
	font-size:12px;
}
.content_part .form_holder ul li .help_btn{
	margin-top:15px;
	float:left;
	width:100%;
}
.content_part .right_column{
	padding:142px 28px 28px;
	float:right;
	width:224px;
	min-height:325px;
	box-shadow:0 0 25px #F2F2F2 inset;
	-moz-box-shadow:0 0 25px #F2F2F2 inset;	
	-webkit-box-shadow:0 0 25px #F2F2F2 inset;	
}
.content_part .right_column h3{
	font-size:18px;
	color:#666666;
	font-weight:normal;	
}
.content_part .right_column p{
	font-size:14px;
	color:#444444;
	line-height:20px;
	margin:16px 0 38px 0;	
}
.content_part .right_column .create_account{
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e3e3e3 47%, #d7d7d7 56%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(47%,#e3e3e3), color-stop(56%,#d7d7d7), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e3e3e3 47%,#d7d7d7 56%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e3e3e3 47%,#d7d7d7 56%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e3e3e3 47%,#d7d7d7 56%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#e3e3e3 47%,#d7d7d7 56%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
	color:#444444;
	font-size:18px;
	padding:7px 22px;
	display:block;
	font-weight:bold;
	box-shadow:0 0 1px #fff inset, 0 2px 3px #888888;
	border:1px solid #cecece;
	text-decoration:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 61%;	
	text-align: center;
}
.content_part .right_column .create_account:hover{
	background: #e8e8e8;
background: -moz-linear-gradient(top,  #e8e8e8 0%, #d7d7d7 44%, #e3e3e3 53%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(44%,#d7d7d7), color-stop(53%,#e3e3e3), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d7d7d7 44%,#e3e3e3 53%,#f9f9f9 100%);
background: -o-linear-gradient(top,  #e8e8e8 0%,#d7d7d7 44%,#e3e3e3 53%,#f9f9f9 100%);
background: -ms-linear-gradient(top,  #e8e8e8 0%,#d7d7d7 44%,#e3e3e3 53%,#f9f9f9 100%);
background: linear-gradient(to bottom,  #e8e8e8 0%,#d7d7d7 44%,#e3e3e3 53%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f9f9f9',GradientType=0 );
text-decoration:none;	
}
.terms_condition{
	font-size:10px;
	line-height:16px;
	padding:25px 55px 30px 26px;
	/*box-shadow:0 -10px 18px #eeeeee inset;
	-moz-box-shadow:0 -10px 18px #eeeeee inset;	
	-webkit-box-shadow:0 -10px 18px #eeeeee inset;*/
	color:#333;
	position:relative;       
    -webkit-box-shadow:0 1px 4px #eeeeee, 0 0 30px #eeeeee inset;
    -moz-box-shadow:0 1px 4px #eeeeee, 0 0 30px #eeeeee inset;
    box-shadow:0 1px 4px #eeeeee, 0 0 30px #eeeeee inset;
}
.terms_condition:before, .terms_condition:after{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 8px rgba(0,0,0,0.6);
    box-shadow:0 0 8px rgba(0,0,0,0.6);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px 100px 100px 100px / 20px 20px 20px 20px;
    border-radius:100px 100px 100px 100px / 20px 20px 20px 20px;	
}
.terms_condition:after{
	content:"";
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
    -moz-transform:skew(8deg) rotate(3deg);     
    -ms-transform:skew(8deg) rotate(3deg);     
    -o-transform:skew(8deg) rotate(3deg); 
    transform:skew(8deg) rotate(3deg);
}
.terms_condition a{
	color:#15507e;
	text-decoration:none;	
}
.terms_condition a:hover{
	text-decoration:underline;	
}
.footer{
	float:left;	
	width:100%;
	margin-top:9px;
}
.footer-inner-left{
	float:left;	
}
.social-wrap{
	float:right;
}
.footer .footer_tech{
	background: url("https://login.oracle.com/mysso/sso_loginui/u01-u06-f01-sprite.png") no-repeat scroll 0 -105px transparent;
    height: 15px;
    margin: 9px 0 0;
    text-indent: -9999px;
    width: 338px;
	display:block;		
}
.footer .footer_menu{
	font-size:10px;	
}
.footer .footer_menu a{
	font-size:10px;
	text-decoration:none;
	color:#000;
}
.footer .footer_menu a:hover{
	text-decoration:underline;	
}
.footer .social-icons{
	margin:0;
	list-style:none;	
}
.footer .social-icons li{
	float:left;
	margin-right:5px;
}
.footer .social-icons li a{
	background:url("https://login.oracle.com/mysso/sso_loginui/footer-sprite.png") no-repeat;
	display:block;
	text-indent:-9999px;
}
.footer .social-icons li a.facebook{
	background-position: -8px -110px;
    height: 28px;
	width:18px;	
}
.footer .social-icons li a.facebook:hover{
	background-position: -28px -110px;	
}
.footer .social-icons li a.linkedin{
	background-position: -47px -110px;
    height: 28px;
    width: 18px;	
}
.footer .social-icons li a.linkedin:hover{
	background-position: -67px -110px;	
}
.footer .social-icons li a.twitter{
	background-position: -87px -110px;
    height: 28px;
    width: 18px;	
}
.footer .social-icons li a.twitter:hover{
	background-position: -107px -110px;	
}
.footer .social-icons li a.gplus{
	background-position: -167px -110px;
    height: 28px;
    width: 18px;	
}
.footer .social-icons li a.gplus:hover{
	background-position: -187px -110px;	
}
.footer .social-icons li a.youtube{
	background-position: -205px -110px;
    height: 28px;
    width: 18px;	
}
.footer .social-icons li a.youtube:hover{
	background-position: -225px -110px;	
}
.footer .social-icons li a.rss{
	background-position: -128px -110px;
    height: 28px;
    width: 18px;	
}
.footer .social-icons li a.rss:hover{
	background-position: -148px -110px;	
}
.network-policy-external #network-policy{
	float:left;	
}
.network-policy{
	display:none;
}


.ui-loader-default{
	display:none;	
}
#pagetwo .content_part{
	padding:15px;
	color: #444444;
    font-size: 14px;
    line-height: 20px;	
}
#pagetwo .content_part a{
	color:#15507e;
	text-decoration:none;	
}
#pagetwo .content_part a:hover{
	text-decoration:underline;	
}
#back-previous{
	 background: url("https://login.oracle.com/mysso/sso_loginui/b-but-c-bg.png") repeat-x scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 15px 15px 15px 27px;
    padding: 6px 20px 6px 10px;
    position: relative;
    text-decoration: none;
}
#back-previous:before{
	background: url("https://login.oracle.com/mysso/sso_loginui/b-but-l.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 27px;
    left: -12px;
    position: absolute;
    top: 0;
    width: 12px;	
}
.hideFromScreen {position:absolute; left:-9999px; text-indent:-9999px;}
.error-hide {display:none;}
.error-show {float:left; width:272px; padding-top:5px;font-size:12px; color:#E10000;}


/* ---------------- tablet version --------------- */
@media screen and (min-width:768px) and (max-width : 1024px) {
body{
	margin:0;
}
.wrapper{
	width:100%;
}
.f01bg,{
	display:none;	
}
.network-policy{
	display:none!important;
}
.content_part{
	display:none;	
}
.content-part-m{
	display:block;
	margin:0 auto;	
}
.content_part .left_column{
	width:68%;
}
.content_part .right_column{
	padding:142px 3.7% 28px;
	width:24.4%;
	background:#F2F2F2;
}
.content_part .right_column .create_account{
	font-size:15px;
	text-align:center;	
}
.network-policy{
	display:block;
}
.form_holder form{
	padding:10px;	
}
.sso_internal .content_part .form_holder{
	width:100%;
	margin:0;
}
.content_part .form_holder{
	margin:0;
}
.content_part .form_holder h1{
	padding-left:10px;	
}
.footer{
	padding: 6px 0;
	border-top: 1px solid #ccc;
	background: #eaeaea;
	background: -moz-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,234,234,1)),color-stop(45%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: -o-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: -ms-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: linear-gradient(to bottom,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	
}
.footer-inner-left{
	float:none;	
}
.social-wrap{
	float:none;
}
.footer .social-icons{
	width:155px;
	margin:0 auto;	
}
.footer .footer_tech{
	margin:0 auto;
	transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);	
}
.footer_menu{
	text-align:center;
}
.error-show { float:left; width:100%; padding-top:5px;font-size:12px; color:#E10000;}

}

/* ---------------- mobile version --------------- */
@media only screen and (max-width: 767px) {
body{
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	background-color: #ededed; 
	margin:0;
	-webkit-text-size-adjust: none;
}
#pagetwo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}
.hide-small{
	display:none;	
}

.wrapper{
	margin:0px; 
	width:100%;
}
.content_part{
	display:none;	
}
.content-part-m{
	display:block;
	margin:0 auto;
	border:none;
}
.sso_internal .content_part{
	min-height:0;	
}
.content_part .left_column{
	height:auto;
	width:100%;
	min-height:inherit;
	float:none;
	border-right:none;
	border-bottom:1px solid #ccc;		
}
.content_part .right_column{
	float:none;
	padding:10px;
	width:93%;
	min-height:0;
	margin:15px 0;
	box-shadow:none;
}
.content_part .right_column p{
	display:none;	
}
.content_part .right_column .create_account{
	width:130px;
	text-align:center;
	padding:7px 15px;
	font-size: 16px;	
}
.form_holder form{
	padding:10px;	
}
.sso_internal .content_part .form_holder{
	width:100%;
	margin:0;
}
.content_part .form_holder{
	width:100%;
	margin:0;
}
.form_holder input[type="text"], .form_holder input[type="password"]{
	width:100%;
	padding:0;
	height:30px;
}
.sso_internal .form_holder input[type="text"], .sso_internal .form_holder input[type="password"]{
	width:100%;
	padding:0;
	height:30px;
}
.terms_condition{
	border-top:1px solid #ccc;
	display:none;	
}
.content_part .form_holder h1{
	padding-left:10px;	
}
.content_part .form_holder ul li .submit_btn{
	padding:4px 28px;
	font-size:16px;	
}
.network-policy{
	display:block;
}
.f01bg{
	display:none;	
}
.footer{
	padding: 6px 0;
	border-top: 1px solid #eee;
	background: #eaeaea;
	background: -moz-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,234,234,1)),color-stop(45%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: -o-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: -ms-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	background: linear-gradient(to bottom,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
	
}
.footer-inner-left{
	float:none;	
}
.social-wrap{
	float:none;
}
.footer .social-icons{
	width:155px;
	margin:0 auto;	
}
.footer .footer_tech{
	margin:0 auto;
	transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);	
}
.footer_menu{
	text-align:center;	
}
.error-show { float:none; width:auto; padding-top:5px;font-size:14px; color:#E10000;}
/* ! Provide higher res assets for iPhone 4   */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

  /* TODO get a higher res logo */
  a.Mlogolink{background:url(https://login.oracle.com/mysso/sso_loginui/ip-o-logo-retina.gif);display:block;width:114px;height:30px; text-decoration:none;margin:0 auto;}
}