﻿form
{
	height: 100%;
	width: 100%;
	text-align: center;
}

html
{
	height: 100%;
	width: 100%;
	text-align: center;
}

h1
{
 font-size: large;	
}


#headerline
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-style: normal;
	font-size: 9pt;
	text-decoration: none;
	color: #666;	

}

#headerline a
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-style: normal;
	font-size: 9pt;
	text-decoration: none;
	color: #666;	
}



#header 
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-style: normal;
	font-size: 12pt;
	text-decoration: none;
	color: Black;
	height: 140px; 
	overflow:hidden;
	text-align:left;
	padding-top:20px;

}

#header a
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-style: normal;
	font-size: 12pt;
	text-decoration: none;
	color: Black;
}


.lefttext
{
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight: bolder;
	margin: 10px 10px 10px 10px;	
}

.lefttext-b
{
	color: #033;
	background-color: #ffffdd;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 11pt;
	font-style: italic;
	font-weight: bolder;
	padding: 10px 10px 10px 10px;
}

.lefttext a
{
	color: #696969;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}

.lefttext h2
{
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 14pt;
	font-style:italic;
	font-weight: bolder;
	margin: 10px 10px 10px 10px;	
}

.lefttextb
{
	background-color: white;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 20px 0px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 9pt;
}

.Master
{
	width:800px;
	margin:auto;
	text-align:center;
	vertical-align: top;
}

		  .Master-tagline
			{
				font-size:medium; 
				margin-bottom: 0px; 
				left: 110px;
			}

          .Master-header
          {
				height: 200px; 
				text-align:center;
               height: 203px;
			   background-color: White;
			   background-repeat: no-repeat
          }
          /*
          .Master-header
          {
               width: 800px;
               height: 203px;
          }*/
          
          .Master-content
          {
				width: 800px;
				bottom: 28px;
				background-color: White;
				margin-bottom: 10px;
				margin-top:10px;
				text-align:left;
          }
          .Master-footer
          {	
				width: 800px;
				margin:auto;
				lext-align:right;
          }

.lborder
{
	background-position: right top;
	background-image: url(images/lshadow.gif);
	width: 8px;
	height: 100%;
	background-repeat: repeat-y;
}

.rborder
{
	background-position: left top;
	background-image: url(images/rshadow.gif);
	width: 8px;
	height: 100%;
	background-repeat: repeat-y;
}

.tborder
{
	background-position: left top;
	background-image: url(images/topshadow.gif);
	background-repeat: repeat-x;
	height: 8px;
}

.trborder
{
	background-position: left top;
	background-image: url(images/TopRightShadow.gif);
	height: 8px;
	background-repeat: no-repeat;
}

.tlborder
{
	background-position: left top;
	background-image: url(images/TopLeftShadow.gif);
	height: 8px;
	background-repeat: no-repeat;
}
.bborder
{
	background-position: left top;
	background-image: url(images/BottomShadow.gif);
	background-repeat: repeat-x;
	height: 8px;
}

.brborder
{
	background-position: left top;
	background-image: url(images/BottomRightShadow.gif);
	height: 8px;
	background-repeat: no-repeat;
}

.blborder
{
	background-position: left top;
	background-image: url(images/BottomLeftShadow.gif);
	height: 8px;
	background-repeat: no-repeat;
}
.footer
{
	font-size: 8pt;
	color: #555;
	font-family: Verdana, Arial, Tahoma;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.footerlink
{
	color:#555;
	text-decoration: none;
}

.footerlink:hover
{
	color: Navy;
	text-decoration: underline;
}

.pNav_bg
{
	width:100%;
	background-image: url(images/pNav_bg.gif);
	background-repeat: repeat-x;
	height:12px;
}

.section-header
{
	font-size: 12pt;
	font-weight: bold;
	color: white;
	background-color: #003300;
	border-bottom: #000 1px solid;
	border-top: #FFF 1px solid;
	font-family: Arial, Tahoma;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.callout-header
{
	font-size: 11pt;
	font-weight: bold;
	line-height:25px;
	color: Black;
	background-image: url(images/BoxHeader-small.jpg);
	background-color: #003300;
	font-family: Arial, Tahoma;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.callout
{
    color: Black;
    font-size: 10pt;
    font-family: Comic Sans MS;
    vertical-align:middle;
    width: 200px; 
    height:200px; 
    text-align: center; 
    margin: 5px 0 0 0;
   /* background-color: #ffffdd;*/
}
.callout-text
{
    color: Black;
    font-size: 10pt;
    font-family: Comic Sans MS;
    vertical-align:middle;
    border-left: #CCC 1px solid;
	border-right: #ccc 1px solid;
    width: 198px; 
    text-align: center; 
    /* background-color: #ffffdd; */
}

#section-leftchecks
{
	background-color: #FFF;    
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
}
.HeaderImage
{
    width: 590px;
}

#section-leftchecks UL
{
	list-style-image: url(Images/checkmark.gif);
	margin: 10px 5px 0px 10px;
	padding: 0px 0px 0px 8px;
	line-height: 25px;
	vertical-align: bottom;
	font-size: 12pt;
	font-weight: bold;
}


#section-home
{
	font-size: 10pt;
	padding: 5px 5px 5px 5px;
	color: #003366;	
	font-family: trebuchet ms, trebuchet, sans-serif;
}

#section-home ul
{
	list-style-image: url(Images/M_green.gif);
	margin: 10px 10px 0px 15px;
	padding: 0px 0px 0px 8px;
	line-height: 45px;
	vertical-align: bottom;
	font-size: 14pt;
	font-weight: bold;
}

#section-home p
{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#section-learn
{
	background-color: #F5F5F5;
	padding: 5px 5px 5px 3px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
}

#section-learn a
{	
	color: #003366;

}

#section-learn a:visited
{	
	color: #336699;
}
#section-learn UL
{
	margin: 10px 4px 0px 3px;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
	vertical-align: bottom;
	font-size: 11pt;
	list-style-type: none;
	font-weight: bolder;
}

#section-learn LI a:hover
{
	font-weight: bolder;
	font-size: 12pt;
	color:Navy;
}

#section-datacenter
{
	background-color: #F5F5F5;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 20px 0px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 9pt;
}

#section-dcleft
{
	background-color: white;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 20px 0px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 9pt;
}

.question
{
	background-color: white;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 20px 0px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.answer
{
	background-color: white;
	padding: 5px 5px 5px 15px;
	margin:  0px 0px 20px 0px;
	color: #036;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 9pt;
	
}




/* tabs */
.tabs {margin-left:10px;text-align:left;font:bold 11px arial,helvetica;}
.tabs ul#t {height: 22px; list-style-type: none; margin:0; padding:0;}
.tabs .tab {background: url(Images/tab-off.png) no-repeat; width: 120px;  position: absolute; margin-top:-37px; height:auto; z-index: 2;}
.tabs .tab a {text-align:center; display: block; padding:5px 30px 0px; line-height: 99%; height: 22px; color:#000; text-decoration: none;}

.tabs .tab a.label {padding-top: 14px; padding-bottom:4px;}
.tabs #tab1 {margin-left:0px;z-index:16;}
.tabs #tab2 {margin-left:100px;z-index:15;}
.tabs #tab3 {margin-left:200px;z-index:14;}
.tabs #tab4 {margin-left:300px;z-index:13;}
.tabs #tab5 {margin-left:400px;z-index:12;}
.tabs #tab6 {margin-left:500px;z-index:11;}
.tabs .on {background-image: url('Images/tab-on.png'); z-index: 17 !important;}

/* for IE */
* html .tabs .tab {xfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/tab-off.png',sizingMethod='crop'); background-image: url(Images/tab-off.gif);}
* html .tabs .on {xfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/tab-on.png',sizingMethod='crop'); background-image: url(Images/tab-on.gif);}

.tabs .tab a:link,  .tabs .tab a:visited, .tabs .on a:active {color:#663300;}
.tabs .tab a:hover, .tabs .tab a:visited {color:#663300;} /* not active hover visited */
.tabs .on a:link, .tabs .on a:hover, .tabs .on a:visited, .tabs .on a:active {color: #fff;} /* active tab */

.tabs .tab a:hover
{
	text-decoration: underline;
}



#FeatureTable
{
	border-right: darkslategray 1px solid;
	border-top: darkslategray 1px solid;
	font-size: 8pt;
	border-left: darkslategray 1px solid;
	color: #222;
	border-bottom: darkslategray 1px solid;
	font-family: 'Trebuchet MS' , Verdana, Arial;
}

#FeatureTable thead
{
	padding: 0px 0px 0px 5px;
	font-size: 10pt;
	color: white;
	background-color: #003300;
}

#FeatureTable td
{
	padding: 2px 5px 2px 5px;
	border-top: dimgray 1px solid;
	border-right: dimgray 1px solid;
	vertical-align:top;
}

#FeatureTable td.check
{
	padding: 0px 0px 0px 0px;
	border-top: dimgray 1px solid;
	border-right: none;
	vertical-align:top;
}

#section-about
{
	font-family: arial,helvetica;
	font-size: 9pt;
	font-weight: normal;
	line-height: 150%;
	text-align:left;
	padding-left:20px;
}

#SecurityContent
{

}

#SecurityContent h2
{
    font-size: 14pt;
    font-weight: bold;
	padding: 15px 0px 3px 0px;
	margin: 0px 15px 0px 0px;
	color: #003366;	
	font-family: trebuchet ms, trebuchet, sans-serif;
}

.FormText
{
    font-size: 10pt;
    font-weight: bold;
	color: #003366;	
	font-family: trebuchet ms, trebuchet, sans-serif;  
}


#PriceTable
{
	margin-top: 2px;
	border-right: darkslategray 1px solid;
	border-top: darkslategray 1px solid;
	font-size: 11pt;
	border-left: darkslategray 1px solid;
	color: #222;
	border-bottom: darkslategray 1px solid;
	font-family: Arial, 'Trebuchet MS' , Verdana ;
	vertical-align: bottom;
}

#PriceTable thead
{
    padding: 0px 0px 0px 5px;

    color: white;
    background-color: #003300;
    vertical-align: bottom;
}

#PriceTable td
{
	padding: 2px 5px 2px 5px;
	border-top: silver 1px solid;
	border-right: silver 1px solid;
	vertical-align: bottom;
	height: 30px;
	cursor: default;
}

#PriceTable td.plan
{
    font-weight: bold;
}


#DownloadTable
{
	margin: 20px 0px 20px 0px;
}

.OSHeader
{
	padding: 5px 0px 0px 10px;
	font-size: 9pt;
	font-weight: bold;
	font-family: trebuchet ms, trebuchet, sans-serif;
	padding-top:50px;
}

#DownloadTable img
{
	border: none;
}

#DownloadTable a
{
	font-size: 16pt;
    font-weight: bold;
    font-family: trebuchet ms, trebuchet, sans-serif;
    text-decoration: none;
}

#DownloadTable a:hover
{
	text-decoration: underline;
}

#howitworks Ol
{
	margin: 10px 10px 0px 8px;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
	vertical-align: bottom;
	font-size: 12pt;
	font-weight: bolder;
	list-style-type: decimal;
}

#howitworks LI
{
	margin: 10px 10px 0px 8px;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
	vertical-align: bottom;
	font-size: 12pt;
	font-weight: bolder;
	color: Black;
}

#contacttable td
{
	padding-left: 20px;
	vertical-align: baseline;
}

#NewTicketTable td
{
	padding-top: 10px;
}

.LeftInstructions
{
	color: black;
	font-family: trebuchet ms, trebuchet, sans-serif;
	
	font-size: 10pt;
	font-style:normal;
	font-weight: bolder;
	margin: 10px 10px 10px 10px;
}

#SupportNav
{
	text-align: center;
}

#SupportNav UL
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 55px;
	vertical-align: bottom;
	font-size: 10pt;
	list-style-type: none;
	font-weight: bold;
	font-family: 'Trebuchet MS' , Verdana, Arial;

}

#SupportNav LI
{
	background-image: url("images/SupportNavButton.gif");
	background-position:center center;
	background-repeat: no-repeat;
	padding-left: 0px;
}

#SupportLeft UL
{
	margin: 0px 0px 0px 0px;
	line-height: 55px;
	vertical-align: bottom;
	font-size: 10pt;
	list-style-type: none;
	font-weight: bold;
	font-family: 'Trebuchet MS' , Verdana, Arial;

}

#SupportLeft LI
{
	background-image: url("images/SupportNavButton.gif");
	background-position:center center;
	background-repeat: no-repeat;
	padding-left: 0px;
}

#SupportLeft
{
	background-color: #f5f5f5;
	
}

#SupportLeft a
{
	text-decoration: none;
	color: Black;
}

#SupportLeft a:hover
{
	text-decoration: underline;
	color: #1C601E;
}

#SupportLeft LI
{
	background-image: url("images/SupportNavButton.gif");
	background-position:center center;
	background-repeat: no-repeat;
	padding-left: 0px;
}

#SupportLeft LI:hover
{
	background-image: url("images/SupportNavButtonOn.gif");
	background-repeat: no-repeat;
	color: #1C601E;
	text-decoration: underline;
}

.SupportLeftNavButtons LI
{
	background-image: url("images/SupportNavButton.gif");
	background-position:center center;
	background-repeat: no-repeat;
	padding-left: 0px;
}

.SupportLeftNavButtons LI:hover
{
	background-image: url("images/SupportNavButtonOn.gif");
	background-repeat: no-repeat;
	color: #1C601E;
	text-decoration: underline;
}



.IssueQuestion
{
	background-color: white;
	padding: 0px 5px 0px 0px;
	margin:  25px 0px 0px 0px;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.IssueAnswer
{
	background-color: white;
	padding: 5px 5px 0px 15px;
	margin:  0px 0px 0px 0px;
	color: #036;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 9pt;
}



#Issues UL
{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 10px 0px;
	line-height: 15px;
	vertical-align:middle;
	font-size: 10pt;
	list-style-image: url(Images/M_green.gif);
	font-family: 'Trebuchet MS' , Verdana, Arial;
	list-style-position: outside;
}

#Issues LI
{

	margin: 0px 0px 10px 10px;
	padding: 0px 0px 10px 0px;
}

#Issues a
{
	text-decoration: none;
}

#Issues a:hover
{
	text-decoration: underline;
	color: #1C601E;
}

.TextDisplay
{
	border: none 0 transparent;
	text-align: right;
	color: #036;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	width: 85px;
}


.TextContainer
{
	overflow: visible;
	text-align: center;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
	border: solid 0;
	
}

.MessageContainer
{
	overflow: visible;
	text-align: left;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
	border: solid 0;
	
}

.ImportantMessage
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 14pt;
}

.LargerText
{
	font-size:larger;
}

.ColumnLabel
{
	text-align: left;
	color: #050;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	
}

.ColumnText
{
	text-align: left;
	color: #000;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
	
}

.ColumnNumber
{
	text-align: right;
	color: #008;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
	font-weight: bolder;	
}

.Message
{
	text-align: left;
	color: #008;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	margin-bottom: 10px;
	margin-top:5px;	
}

.ErrorMessage
{
	text-align: left;
	color: red;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	margin-bottom: 10px;
	margin-top:5px;	
}

.IssuesTitle
{
	text-align: left;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 18pt;
	font-weight: bolder;
	margin-bottom: 10px;
	margin-top: 5px;
}

.IssuesBody
{
	text-align: justify;
	color: black;
	font-family: arial, verdana, trebuchet ms, trebuchet, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: #F9F9F9;
}

.IssuesListItem
{
	text-align: left;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	margin-bottom: 10px;
	margin-top: 5px;
}

.IssuesInfoBox
{
	text-align: left;
	color: #003366;
	font-family: trebuchet ms, trebuchet, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 10px;
	background-color: #FAFAFA;
	border: solid 1 #003366;
}


#SubNav
{
	text-align:left;
}

#SubNav UL
{
	margin: 0px 4px 0px 0px;
	line-height: 25px;
	vertical-align: bottom;
	font-size: 10pt;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: 'Trebuchet MS' , Verdana, Arial;
}

.SubNavSelectionOff
{
	margin-left: 1.20em;
	padding-left: 0em;
	font-family: arial,helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #3f6491;
	line-height: 150%;
}

.SubNavSelectionOn
{
	margin-left: 1.20em;
	padding-left: 0em;
	font-family: arial,helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #3f6491;
	line-height: 150%;
}

.SubNavSelectionOn a
{
	padding-left: 0em;
	font-family: arial,helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #3f6491;
	line-height: 150%;
}

.SubNavSelectionOff a
{
	padding-left: 0em;
	font-family: arial,helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #3f6491;
	line-height: 150%;
}

#SubNav LI a:hover
{
	text-decoration: underline;
	color: White;
}

#SubNav LI:hover
{
	padding-left: 0em;
	font-family: arial,helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #3f6491;
	line-height: 150%;
}

#SubNav LI:hover a
{
	padding-left: 0em;
	font-family: arial,helvetica;
	font-size: 10pt;
	font-weight: normal;
	color: #3f6491;
	line-height: 150%;
}

.SubNavImg
{
	border-right: gainsboro 1px outset;
	border-left: gainsboro 1px outset;
	border-bottom: gainsboro 1px outset;
	width:194px;
}

.UserGuideLink
{
	margin: 10px 5px 10px 5px;
	
}




#Resources p
{
	margin: 5px 30px 20px 0px;
}

#Resources h1
{
	font-size:x-large;
}

#Resources h2
{
	font-size:medium;
}




.ResourceLinks
{
margin: 30px 10px 20px 15px;
font-size:medium;
font-weight:bolder;
line-height: 15px;
}

.ResourceLinks a
{
text-decoration: none;	
color: #036;
}

.ResourceLinks a:hover
{
font-size:medium;
font-weight:bolder;
text-decoration: underline;	
}

.SelectionTable
{
width: 500px;
padding-bottom: 0px;
}

.ST_Rbutton
{
width: 145px;
text-align: left;
font-size: larger;
}

.ST_Monthly
{
width: 145px;
font-size: larger;
text-align:center;
}

.ST_Space
{
width: 90px;
text-align: right;
font-size: larger;
}

.ST_SubLabel
{
width: 90px;
position: relative;
left: 20px;
text-align: right;
font-size: larger;
color: Green;
}

.ST_Total
{
text-align: right;
padding-right: 10px;
border: none 0 transparent;
color: #036;
font-size: larger;
}

.ST_PromoCode
{
padding-top: 0px;
padding-bottom: 0px;
text-align: Left;
padding-left: 50px;

/* border: none 0 transparent; */
color: #036;
}

.ST_PromoCodeBox
{
text-align: Left;
color: #036;
font-size: larger;
width: 110px;
}

.ST_AddGBPrice
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	border: none 0 transparent; 
	font-size: 12pt;
	text-align: center;
	position: relative;
	left:3px;
}

.ST_TotalDisplay
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	border: none 0 transparent;
	font-size: 12pt;
	text-align: right;
	width: 85px;
	color: #036;
}


.ST_TotalDisplay_AddGB
{
	font-family: trebuchet ms, trebuchet, sans-serif;
	border: none 0 transparent;
	border-bottom: solid 1px black;
	font-size: 12pt;
	text-align: right;
	width: 85px;
	color: #036;
	
}

.ST_AddGB_box
{
width: 25px;
text-align: left;
font-size: 12pt;
}

.AccountSelectionMessage
{
margin: 5px 0px 0px 0px;
font-style: italic;
}

#box197top
{
	background-image: url(images/BoxTop2-197w.png);
	height: 25px;
	width: 197px;
	line-height: 29px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;

}

#box197middle
{
	background-image: url(images/BoxMiddle2-197w.png);
	background-repeat: repeat-y;
	height: 170px;
	width: 197px;
	background-color: #ffffdd;
}

#box197bottom
{
	background-image: url(images/BoxBottom2-197w.png);
	height: 15px;
	width: 197px;

}
