/* CSS Document */

body { 
background:#fff url(images/bk.png) repeat-x bottom; 
padding:0px;
margin:0px;
height:100%;
}
a:link { color: darkblue;}
a:active { color: blue;}
a:visited { color: darkblue;}
a:hover { color: blue;}

.header {	
text-align:left;	
width:759px;
}
.nav{
background-image:url(images/nav-bk.png);
text-align:left;
background-repeat:repeat-x;
width:759px;
}
#inputopen{
text-align:left;
width:759px;
height:101px;
background-image:url(images/signin-open.png);
background-repeat:no-repeat;
}
#inputclosed{
text-align:left;
width:759px;
height:42px;
background-image:url(images/signin-closed.png);
background-repeat:no-repeat;
}
.inputtext {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:10px;
color:#444444;
}
.signininput{
float:left;
padding-top:0px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#444444;
text-align:left;
width:310px;
text-align:right;
}
.signinlabel{
font-size:14px;
font-weight:bold;
padding-top:2px;
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
}
.signinbox{
font-size:14px;
font-weight:bold;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
float:right;
}
.enterbtn{
float:left;
padding-top:10px;
padding-left:10px;
padding-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#444444;
}
.neednumber{
float:right;
text-align:left;
padding-top:15px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.closeinput{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
padding-top:78px;
padding-right:32px;
}
.hometext {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
padding:15px;
text-align:left;
float:left;
width:390px;
}
.bigbubbletop {
background:url(images/bigbubble.gif);
background-position:top;
background-repeat:no-repeat;
width:333px;
height:500px;
float:right;
}

.bigbubbletext{
text-align:center;
padding-top:40px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFFFFF;
}
.interiortext {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
padding:15px;
text-align:left;
float:left;
width:450px;
}
.simpleheader{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
padding:15px 0px 0px 15px;
text-align:left;
width:500px;
}
.companytext{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
padding-top:15px;
padding-left:15px;
padding-bottom:50px;
text-align:left;
width:400px;
line-height:18px;
}
.faqtext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
padding-top:15px;
text-align:left;
width:500px;
text-indent:-24px;
padding-left:24px;
line-height:18px;
}
.faqbubble{
float:right;
width:224px;
}

/*///////   HOME PAGE HSC BOX   ///////*/
.HSCbox, .HSCbox_body, .HSCbox_head, .HSCbox_head h2 { 
background: transparent url(images/HSC-Box.png) no-repeat bottom right;

} 

.HSCbox { 
width: 188px !important; /* intended total box width - padding-right(next) */ 
width: 203px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */  /* set the top-right image */
float:left;
} 
.HSCbox_head { 
background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 5px; /* right-image-gap + right-inside padding */  /* set the top-left image */ 
}
.HSCbox_head h2 { 
text-align:left;
background-position: top left;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
margin: 0px; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 4px 0px 3px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
}
.HSCbox_body { 
background-position: bottom left; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right: 0px; /* interior-padding right */ 
padding: 10px 0px 20px 10px; /* mirror .cssbox_head right/left */ 
} 

/*///////   HOME PAGE HSCPLUS BOX   ///////*/
.HSC2box, .HSC2box_body, .HSC2box_head, .HSC2box_head h2 { 
background: transparent url(images/HSCPLUS-Box.png) no-repeat bottom right;
} 
.HSC2box { 
width: 188px !important; /* intended total box width - padding-right(next) */ 
width: 203px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */  /* set the top-right image */
float:left;

}
.HSC2box_head { 
background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 5px; /* right-image-gap + right-inside padding */  /* set the top-left image */ 
}
.HSC2box_head h2 { 
text-align:left;
background-position: top left;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
margin: 0px; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 4px 0px 3px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
}
.HSC2box_body { 
background-position: bottom left; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right: 0px; /* interior-padding right */
padding: 10px 0px 20px 10px; /* mirror .cssbox_head right/left */
}  

/*///////   FEATURES PAGE HSC BOX   ///////*/
.bigHSCbox, .bigHSCbox_body, .bigHSCbox_head, .bigHSCbox_head h2{ 
background: transparent url(images/HSC-box-BIG.png) no-repeat bottom right;

} 

.bigHSCbox { 
width: 360px !important; /* intended total box width - padding-right(next) */ 
width: 375px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */  /* set the top-right image */
float:left;
} 
.bigHSCbox_head { 
background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 15px; /* right-image-gap + right-inside padding */  /* set the top-left image */ 
}
.bigHSCbox_head h2 { 
text-align:left;
background-position: top left;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:20px;
margin: 0px; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 10px 0px 6px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
}
.bigHSCbox_body { 
background-position: bottom left; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right: 25px; /* interior-padding right */ 
padding: 1px 0px 15px 5px; /* mirror .cssbox_head right/left */ 
text-align:left;
} 



/*///////   FEATURES PAGE HSCPLUS BOX   ///////*/
.bigHSCbox2, .bigHSCbox_body2, .bigHSCbox_head2, .bigHSCbox_head2 h2 { 
background: transparent url(images/HSCPLUS-box-BIG.png) no-repeat bottom right;
} 

.bigHSCbox2 { 
width: 360px !important; /* intended total box width - padding-right(next) */ 
width: 375px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */  /* set the top-right image */
float:left;
} 
.bigHSCbox_head2 { 
background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 15px; /* right-image-gap + right-inside padding */  /* set the top-left image */ 
}
.bigHSCbox_head2 h2 { 
text-align:left;
background-position: top left;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:20px;
margin: 0px; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 10px 0px 6px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
} 
.bigHSCbox_body2 { 
background-position: bottom left; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right: 25px; /* interior-padding right */ 
padding: 1px 0px 15px 5px; /* mirror .cssbox_head right/left */ 
text-align:left;
} 

/*///////   QUICK HSC BOX   ///////*/
.uniqueHSCbox, .uniqueHSCbox_body, .uniquegHSCbox_head, .uniqueHSCbox_head h2{ 
background: transparent url(images/HSC-box-BIG.png) no-repeat bottom right;

} 

.uniqueHSCbox { 
width: 485px !important; /* intended total box width - padding-right(next) */ 
width: 485px; /* IE Win = width - padding */ 
padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */  /* set the top-right image */
float:left;
} 
.uniqueHSCbox_head { 
background-position: top right; 
margin-right: 0px; /* pull the right image over on top of border */ 
padding-right: 0px; /* right-image-gap + right-inside padding */  /* set the top-left image */ 
}
.uniqueHSCbox_head h2 { 
text-align:left;
background-position: top left;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:20px;
margin: 0px; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 10px 0px 6px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
}
.uniqueHSCbox_body { 
background-position: bottom left; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right: 25px; /* interior-padding right */ 
padding: 1px 0px 15px 5px; /* mirror .cssbox_head right/left */ 
text-align:left;
} 
/*///////   QUICK HSCPLUS BOX   ///////*/
.uniqueHSCPLUSbox, .uniqueHSCPLUSbox_body, .uniquegHSCPLUSbox_head, .uniqueHSCPLUSbox_head h2{ 
background: transparent url(images/HSCPLUS-box-BIG2.png) no-repeat bottom right;

} 

.uniqueHSCPLUSbox { 
width: 759px !important; /* intended total box width - padding-right(next) */ 
width: 759px; /* IE Win = width - padding */ 
padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */  /* set the top-right image */
float:left;
} 
.uniqueHSCPLUSbox_head { 
background-position: top right; 
margin-right: 0px; /* pull the right image over on top of border */ 
padding-right: 0px; /* right-image-gap + right-inside padding */  /* set the top-left image */ 
}
.uniqueHSCPLUSbox_head h2 { 
text-align:left;
background-position: top left;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:20px;
margin: 0px; /* reset main site styles*/ 
border: 0px; /* ditto */ 
padding: 10px 0px 8px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */  /* set the lower-left corner image */ 
}
.uniqueHSCPLUSbox_body { 
background-position: bottom left; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-right: 25px; /* interior-padding right */ 
padding: 1px 0px 15px 5px; /* mirror .cssbox_head right/left */ 
text-align:left;
} 
.quicksubheadHSC {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
background-color:#E4EFED;
padding:10px;
margin-right:-23px;
margin-left:-4px;
margin-top:0px;
margin-bottom:0px;
}
.quicksubheadHSCPLUS {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
background-color:#DDECFF;
padding:10px;
margin-right:-23px;
margin-left:-4px;
margin-top:0px;
margin-bottom:0px;
}
.quickstartinfo {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding: 15px 0px 0px 0px;
text-align:left;
}

.quickstartsubheadHSC {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
background-color:#E4EFED;
padding:10px;
margin-right:-39px;
margin-left:-4px;
margin-top:0px;
margin-bottom:0px;
}
.quickstartsubheadHSCPLUS {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
background-color:#DDECFF;
padding:10px;
margin-right:-39px;
margin-left:-4px;
margin-top:0px;
margin-bottom:0px;
}
.quickstartbody {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
padding-left:20px;
margin-left:15px;
text-indent:-15px;
}
.featuresbody {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
padding-left:10px;
margin-left:25px;
text-indent:-25px;
}
.HSCPLUSusername {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
padding:10px 40px 10px 45px;
background-image:url(images/signed-in.png);
background-repeat:no-repeat;
}

.skypebanner{
background-image:url(images/skypebanner.gif);
background-repeat:no-repeat;
width:759px;
height:75px;
float:left;
text-align:center;
vertical-align:middle;
padding-top:10px;
padding-bottom:8px;
}

.footer{
padding:6px;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
width:759px;
height:26px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
text-align:left;
float:left;
}