﻿/* - - - - - - - - - - Styles used in the master.pages - - - - - - - - - -  */
html{height:100%; background:#7BC2E0;}
body.SignIn{height:100%; background:#7BC2E0 url(../../images/SignIn/CloudBak.jpg) repeat-x  left top; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:center; color:#333333; position:relative; 
background:#7BC2E0 url(../../images/SignIn/CloudBak.jpg) repeat-x right top;}
div.SignInBanner{background:url(../../images/SignIn/Top.png) no-repeat center top;}
.hide{position:absolute; left:-5000px; top:-5000px; height:1px; width:1px; overflow:hidden;}
.clear{clear:both; margin:0; padding:0;}
.clear_left{clear:left; margin:0; padding:0;}
.clear_right{clear:right; margin:0; padding:0;}
a{text-decoration:underline; color:#4D91AF;}
a:focus, a:active, a:hover{text-decoration:none;}			
a:focus, a:active{outline:none;}
strong{font-weight:bold;}
em{font-style:italic;}
/**/
#custom-doc { width:72.62em;*width:70.87em; min-width:944px; margin:auto; text-align:left; position:relative;}

/* - - Hidden Styles - - */
div#hd{}
p.Skip a{position:absolute; left:-5000px; top:-5000px; height:1px; width:1px; overflow:hidden; z-index:1000;}
p.Skip a:focus, 
p.Skip a:active{border:none; padding:3px 7px; width:154px; height:16px; position:absolute; top:5px; left:5px; text-align:left; line-height:1em; z-index:600;
color:#FFFFFF; font-size:110%; background:#FF6600; text-decoration:none;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;}

 /* - - Lang - - */
p.Lang{height:34px; position:absolute; top:0; right:10px; text-align:center; z-index:1000; background:#FFFFFF url(../../images/SignIn/LangArrow.gif) no-repeat right center;
border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
p.Lang a{padding:6px 35px 0 42px; z-index:1200; height:27px; text-align:center; text-decoration:none; display:block; font-family:FolksBold, Tahoma, Arial, Helvetica, sans-serif; font-size:110%; color:#000000;
-moz-box-shadow:0 0 8px #43748A; -webkit-box-shadow:0 0 8px #003F5B; box-shadow:0 0 8px #003F5B;
border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
p.Lang a:focus, 
p.Lang a:active, 
p.Lang a:hover{text-decoration:underline; cursor:pointer; color:#FE5007;
-moz-box-shadow:0 0 8px #002738; -webkit-box-shadow:0 0 8px #002738; box-shadow:0 0 8px #002738;}
p.Lang span.Cy{background:url(../../images/SignIn/LangFlag.gif) no-repeat left 4px; display:block;}
p.Lang span.Eg{background:url(../../images/SignIn/LangFlag.gif) no-repeat left -23px; display:block;}
/**/
div.Badge{position:absolute; top:155px; left:460px; height:191px; width:198px; background:url(../../images/SignIn/Badge.png) no-repeat center; z-index:900;}

/* - - StrapLine - - */
p.StrapLine{font-family:Folks-HeavyRegular, Tahoma, Arial, Helvetica, sans-serif; font-size:150%; position:absolute; top:65px; left:65px; line-height:1em; color:#4B88AD; width:100px; text-align:center;
text-shadow:0 0 10px #FFFFFF;}

/* - - signinBlock - - */
div.HolderBlock{height:245px; display:block;}
div.signinBlock{display:none; padding:15px; margin:19px 0 20px 0; _margin:20px 0 14px 0; *margin:20px 0 14px 0; z-index:900; float:right; clear:none; background-color:rgba(255,255,255,0.5); border:1px solid #FFFFFF; width:233px; 
_background:#FFFFFF;
*background:url(../../images/SignIn/signinBlockIe.png) repeat center;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;}
div.signinBlock h2{margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #FFFFFF; font-family:Folks-LightRegular, Tahoma, Arial, Helvetica, sans-serif; letter-spacing:-1px; font-size:190%; color:#00628D;}
div.signinBlock h2 span{ font-size:55%; font-weight:normal; background:#FFE3E3; color:#BC0000;}
div.signinBlock div.Field{position:relative;}
div.signinBlock label{margin:0 0 4px 0; color:#B8B8B8; font-size:120%; display:block;}
div.signinBlock input.text{margin:0 0 10px 0; padding:6px 8px; color:#000000; font-size:120%; border:1px solid #8BAEE2; display:block; width:215px;}
div.signinBlock input.button{padding:8px 17px; *padding:8px; _padding:8px; margin-top:0; vertical-align:middle; border:1px solid #343434; color:#343434; background:#FFFFFF url(../../images/SignIn/ButTile.gif) repeat-x bottom; font-size:120%; font-family:Folks-Regular, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
div.signinBlock input.button:focus,
div.signinBlock input.button:active,
div.signinBlock input.button:hover{border:1px solid #000000; background:#ECECEC; cursor:pointer;}
div.signinBlock p{display:inline; padding-left:20px; *padding-left:15px; _padding-left:15px; text-align:right; vertical-align:middle;}
div.signinBlock a{color:#00628D; text-decoration:none; font-weight:bold;}
div.signinBlock a:focus, div.signinBlock a:active, div.signinBlock a:hover{text-decoration:underline;}
/**/
div.signinBlockTEMP{ height:242px;}

/* - - RegisterBar - - */
div.RegisterBar{margin:0 0 13px 0; padding:12px 24px; border-top:8px solid #00638D; background:#FFFFFF; position:relative;
border-radius:0 0 7px 7px;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;}
div.RegisterBar p{/*padding:17px 0 0 0;*/ font-size:140% /*210%*/; color:#FF5309; font-family:FolksBold, Tahoma, Arial, Helvetica, sans-serif;}
div.RegisterBar p a{/*display:none;*/ padding:9px 10px; position:absolute; right:11px; top:-17px; font-family:FolksBold, Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; font-size:90%; background:#FFFFFF; color:#FF5309;
border-radius:45px; -moz-border-radius:45px; -webkit-border-radius:45px; 
-moz-box-shadow:0 0 8px #43748A; -webkit-box-shadow:0 0 8px #003F5B; box-shadow:0 0 8px #003F5B;}
div.RegisterBar p a:focus, 
div.RegisterBar p a:active, 
div.RegisterBar p a:hover{text-decoration:underline; /*color:#000000;*/ /*margin:1px 0 0 1px;*/ background:#79C3E0; cursor:pointer;
-moz-box-shadow:0 0 8px #002738; -webkit-box-shadow:0 0 8px #002738; box-shadow:0 0 8px #002738;}
div.RegisterBar p span.RegisterLinkIn{padding:8px 38px 8px 18px; display:block; border:1px solid #7BC2E0; background:#FFFFFF url(../../images/SignIn/Icons.gif) no-repeat 215px 11px;
border-radius:45px;
-moz-border-radius:45px;
-webkit-border-radius:45px;}

div.RegisterBar p a:focus span.RegisterLinkIn, 
div.RegisterBar p a:active span.RegisterLinkIn, 
div.RegisterBar p a:hover span.RegisterLinkIn{border:1px solid #04537E;}

div.RegisterBar p span.Light{color:#000000; padding:0; font-family:Folks-LightRegular, Tahoma, Arial, Helvetica, sans-serif;}
div.RegisterBar p a:focus span.Light, 
div.RegisterBar p a:active span.Light, 
div.RegisterBar p a:hover span.Light{color:#E75112; cursor:pointer;}

/* - - mainBlock - - */
div.mainBlock{margin-bottom:13px; background:#FFFFFF; border-top:none;
			-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
div.mainBlock h2{padding:14px 22px 11px 24px; margin:0 0 8px 0; border-bottom:6px solid #DEF0F7; font-family:FolksRegular, Tahoma, Arial, Helvetica, sans-serif; font-size:185%; color:#006289;}
div.mainBlock ul.NavigationList{padding:10px; *padding:0; _padding:0; margin:0 0 8px 0; /*border:1px solid #F0F;*/ text-align:center; }
div.mainBlock ul.NavigationList li{padding:10px 7px; display:inline; font-family:FolksBold, Tahoma, Arial, Helvetica, sans-serif; font-size:110%;}
div.mainBlock ul.NavigationList li a{padding:10px; color:#4F4A50; text-decoration:none; border:1px solid #fff;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
div.mainBlock ul.NavigationList li a:hover{color:#FFF; cursor:pointer; background:#FE5007; border:1px solid #fff;}
div.mainBlock ul.NavigationList li.active a{color:#00638D; cursor:pointer; background:#ffffff; border:1px solid #00638D;}
div.mainBlock div.mainPanel{padding:0 0 16px 0; background:url(../../images/SignIn/mainPanelTile.gif) repeat-x center top; overflow:hidden;}
div.mainBlock div.mainPanel div.image{margin:0 40px 40px 0; background:url(../../images/SignIn/TabImg.jpg) no-repeat 0 0; height:295px; width:336px; float:left; clear:none;}
div.mainBlock div.mainPanel div.text{padding:30px 30px; color:#666666; line-height:1.5em;}
div.mainBlock div.mainPanel div.text h3{margin-bottom:10px; font-family:Folks-LightRegular, Tahoma, Arial, Helvetica, sans-serif; font-size:200%; color:#00638D;}
div.mainBlock div.mainPanel div.text p{margin-bottom:20px;margin-left:345px;}
div.mainBlock div.mainPanel div.text a{color:#00628D; /*display:block;*/ font-size:110%; font-weight:bold; letter-spacing:0.3px; line-height:2.3em; text-decoration:underline;}
div.mainBlock div.mainPanel div.text a:focus,
div.mainBlock div.mainPanel div.text a:active,
div.mainBlock div.mainPanel div.text a:hover{text-decoration:none;}

div.mainBlock #tab7 div.text p{margin-bottom:10px;}

/* Extra List Image */
div.mainBlock div.mainPanel div.PCP{background-position:-340px 0;}
div.mainBlock div.mainPanel div.Service{background-position:-680px 0;}
div.mainBlock div.mainPanel div.Communities{background-position:-1020px 0;}
div.mainBlock div.mainPanel div.Support{background-position:-1360px 0;}
div.mainBlock div.mainPanel div.Education{background-position:-1700px 0;}
div.mainBlock div.mainPanel div.Onboard{background-position:-2040px 0; height:550px;}
/**/
div.mainBlock div.text h4{font-family:FolksBold, Arial, Helvetica, sans-serif;}
div.mainBlock div.text ul.ContentList{margin-bottom:20px;}
div.mainBlock div.text ul.ContentList li{margin-left:359px; list-style:disc;}
div.mainBlock div.text ul.ContentList li ul li{margin-left:49px; list-style:disc;}

/* - - bottomLinks - - */
div.bottomLinks{}
div.bottomLinks div.linkPanel{padding:23px 126px 10px 25px; margin-bottom:30px; height:125px; background:url(../../images/SignIn/linkPanel.png) no-repeat 189px 10px #FFFFFF; 
-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
div.bottomLinks div.supportPanel{background-position:189px 10px;}
div.bottomLinks div.blogPanel{background-position:189px -150px;}	
div.bottomLinks div.twitterPanel{background-position:189px -310px;}		
div.bottomLinks h2{padding:0 0 4px 0; color:#7DBFE1; font-family:FolksBold, Tahoma, Arial, Helvetica, sans-serif; font-size:180%;}
div.bottomLinks h2 span.Light{margin:-2px 0 -2px 0; color:#000000; padding:0; font-family:Folks-LightRegular, Tahoma, Arial, Helvetica, sans-serif; display:block; font-size:80%;}
div.bottomLinks p{color:#6c6c6c; font-size:86%; line-height:1.6em;}
div.bottomLinks a{display:block; color:#00628D; font-size:110%; font-weight:bold; line-height:2.3em; letter-spacing:0.3px;}

/* - - Footer - - */
div.HomeFooter{padding:20px; background:#00628D url(../../images/SignIn/FootTile.gif) repeat-x top;}
div.HomeFooter ul{ text-align:center; margin:0 0 20px 0;}
div.HomeFooter ul li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; border-right:1px solid #5589AF;}
div.HomeFooter ul li.Last{border:none;}
div.HomeFooter ul li a{ color:#FFFFFF; text-decoration:none;}
div.HomeFooter ul li a:focus, 
div.HomeFooter ul li a:active,
div.HomeFooter ul li a:hover{text-decoration:underline;}
div.HomeFooter p{ color:#4D91AF; font-size:85%; padding:0 0 20px 0;}

/* - - Register - - */
div.Register{padding:14px 22px 22px 24px;}
div.Register h3{font-family:FolksBold, Arial, Helvetica, sans-serif; color:#666666;}
div.Register p{margin-bottom:20px; color:#666666;}
div.Register a{color:#00628D; text-decoration:underline; font-weight:normal;}
div.Register a:focus,
div.Register a:active, 
div.Register a:hover{text-decoration:none;}

/**/
div.Register label{margin:0 0 4px 0; font-size:120%; display:block;
color:#006289;}
div.Register label .error,
div.Register label .field-validation-error{font-size:85%; font-weight:normal; background:#FFE3E3; color:#BC0000;}
div.Register div.Note{margin:20px 0;}
div.Register input.text{margin:0 0 20px 0; padding:6px 8px; font-size:120%; display:block; width:400px;
color:#000000; border:1px solid #8BAEE2;}
div.Register input.button{padding:8px 17px; *padding:8px; _padding:8px; margin-top:0; vertical-align:middle; font-size:120%; font-family:Folks-Regular, Tahoma, Verdana, Arial, Helvetica, sans-serif;
border:1px solid #343434; color:#343434; background:#FFFFFF url(../../images/SignIn/ButTile.gif) repeat-x bottom;}
div.Register input.button:focus,
div.Register input.button:active,
div.Register input.button:hover{cursor:pointer;
border:1px solid #000000; background:#ECECEC;}



