@charset "UTF-8";
/* CSS Document */

/* -------------------- Styles for the 'C-Clamp' (header, side navbar, footer) -------------------- */

img, div            { behavior:url('../js/iepngfix_v2/iepngfix.htc') }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
                    { margin:0; padding:0; }
a img               { border:0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #000;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

p  { margin-bottom: 10px; line-height: 18px; font-size: 13px; }
p  { margin-bottom:10px; line-height:18px; font-size:13px;}
li { margin-bottom:5px;}
h1 { color:#999999; font-weight:normal; padding-top:25px; padding-bottom:15px; font-size:28px; }
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	text-align: left;
	line-height: 2em;
	letter-spacing: .25em;
	padding-right: 10px;
	padding-left: 10px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #36647E;
}
h4 { color:#555555; font-weight:bold; font-size:17px; padding-top:12px; padding-bottom:6px; }
h5 { color:#333333; font-weight:bold; font-size:13px; padding-top:3px; padding-bottom:6px; }
.products {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	font-weight: bold;
	color: #315268;
	list-style-type: square;
	list-style-position: inside;
        text-indent: 15px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #36647E;
	text-align: left;
	text-indent: 15px;
	list-style-type: square;
	list-style-position: outside;
	display: list-item;
}
.bullets {
	font-family: Arial, Helvetica, sans-serif;
	color: #36647E;
	padding: 5px;
        margin-left: 25px;
	list-style-type: square;
        list-style-position: outside;
}

 /* The following applies to iframes in these pages:Remote Wipe, Computer Recovery, Download Requests, privilegeTable*/
body.iframe         { background:#dee7ed ; }

body.yui-skin-sam   { background:#dee7ed ; } /* Applies to iframe in View Backup */

#container          { width:1040px; margin:0 auto; position:relative; z-index:1; color: #000000; background-color:#dee7ed; text-align:left; border:8px solid #1b2e3a;  }

/* HEADER */
#header             { height:88px; }
#header #logo       { width:460px; height:125px; float:left; background-color:#f3f3f3; border-style:solid; border-color:#dddddd; padding:5px; border-width:1px;
                      -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin-top:10px;margin-left:10px;}

#header #navBar     { width:555px; height:125px; float:right; position:relative; font-family:Tahoma, Arial, Helvetica, sans-serif; background-color:#dee7ed; font-family:Tahoma, Arial, Helvetica, sans-serif; }


#navBar ul          { list-style-type:none; display:inline; }

/* NAV1 */
#nav1               { text-transform:capitalize; color:#1f588c; position:absolute; top:10px; right:20px; }
#nav1 li            { float:left; list-style-type:none; padding-left:25px; }
#nav1 a             { color:#1f588c; text-decoration:none; }
#nav1 a:hover       { text-decoration: underline; }

/* NAV2 */
#nav2               { text-transform:uppercase; color:#1f588c; position:absolute; bottom:0px; right:20px; font-size:12px; }
#nav2 li            { float:left; list-style-type:none; margin-left:15px; height:25px; padding:0 5px; }
#nav2 a             { color:#000000; text-decoration:none; }
#nav2 li:hover      { text-decoration:none; }

/* LINKS */
#linksColumn                        { width:200px; float:left; background-color:#dee7ed; }
#linksColumn h3                     { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; }
#linksColumn #linksContent          { width:170px; margin-top:11px; margin-right:11px; margin-left:11px; margin-bottom:11px; auto; }
#linksColumn #linksContent a        { text-decoration:none; color:#1f588c; font-size:12px; font-weight:bold; }
#linksColumn #linksContent a:hover  { text-decoration:underline; color:#1f588c; font-weight:bold; }
#linksColumn #linksContent input    { width:100%; margin-bottom:5px; }
#linksColumn #linksContent p        { margin:4px; }

/* LOGIN */
#linksColumn #login                 { width:180px; margin-top:36px; margin-right:7px; margin-left:7px; margin-bottom:7px; auto;  }
#linksColumn #login h3              { color: #1f588c; margin-bottom:15px; font-weight:bold; }
#linksColumn #login a               { text-decoration:none; color: #1f588c;  font-size:10px; }
#linksColumn #login a:hover         { text-decoration:underline; color: #1f588c;  }
#linksColumn #login  input          { width:175px; margin-bottom:5px;  }
#linksColumn #login  button         { margin-bottom:5px; float:right; }

/* mobileAccordion Menu CSS */
.accordionBox       { overflow:hidden; }
#mobileAccordionMenu      { height:100%; padding-left:25px;  }

.mobilemenuTab p          {  overflow:hidden; cursor:pointer; color:#334263; text-decoration:underline; font-weight:bold}
.mobilemenuTab p:active   { color:#FF6600;}
.mobilemenuTab p:hover    { color:#FF6600;}

.mobileAccordionBox       { overflow:hidden; padding-top:7px; padding-bottom:4px; background-color:#efefef;
                            border-style:solid; border-collapse:collapse; border-width:1px; border-color:eaeaea; width:95%; margin-bottom:10px; margin-right:10px; }
.mobileAccordionBox   ol  { margin-left:25px; }
.mobileAccordionBox   li  { }
.mobileAccordionBox   p   { overflow:hidden; text-decoration:none; font-weight:normal; color:#000; margin-left:4px; margin-right:4px; }
.mobileAccordionBox   p:hover { text-decoration:none; color:#000; } /* background-color:#e56815;  */


/* MAIN CONTENT */
#mainColumn                         { width:800px; float:right; padding-bottom:50px; }
#mainContent                        { padding:20px 50px 50px 20px; line-height:18px; }
#mainContent p                      { padding:5px 0;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; }
#mainContent h1                     { font-family:Tahoma, Arial, Helvetica, sans-serif; padding:20px 0 10px 0; color:#1f588c; text-transform:uppercase; font-weight:normal; letter-spacing:-1px; font-size:32px; }
#mainContent h1 img                 { margin:0 5px -10px 0; }
#mainContent h2                     { font-family:Tahoma, Arial, Helvetica, sans-serif; padding:10px 0; color:#1f588c; font-weight:normal; letter-spacing:.25em; font-size:24px; }
#mainContent h3                     { font-family:Tahoma, Arial, Helvetica, sans-serif; padding:10px 0; color:#1f588c; font-weight:normal; font-size:18px; }
#mainContent h4                     { font-family:Tahoma, Arial, Helvetica, sans-serif; padding:10px 0; color:#1f588c; font-weight:bold; font-size:14px; }
#mainContent ul, #mainContent ol    { margin:5px 0 5px 30px; }

/* FOOTER */
#footer                      { height:70px; background-color:#dee7ed; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
                               border-top-style:solid; border-top-color:#cccccc; border-top-width:1px; padding:5px; }
#footerContent               { padding:10px 0 0 15px; color:#757575; text-align:center; }
#footerContent a             { padding-bottom:15px;  color:#757575; }
#footerContent a:hover       { text-decoration: underline; }
#footerContent p             { margin:9px 0; }

/* MISC */
.clearAll                    { clear:both; }
.error                       { color:#990000; font-size:11px; font-weight:bold; margin-bottom:10px; padding-bottom:10px; }


/* -------------------- Styles for items in the 'mainContent' pane -------------------- */

body,td,th { font-family:arial,helvetica,sans-serif; margin-left:3px; margin-right:3px; }

table	                    { font-family:arial,helvetica,sans-serif;}
table.basictable            { border-width:1px; border-color:#00FF00; }
table.basictable th         { font-weight:bold; text-align:center; background-color:#a9c0d5; }
table.basictable tr, td     { border-width:1px; padding:3px;  }
table.basictable img        { padding-bottom:1px; border-style:none; border-width:0px; }
table.headerTable           { font-size:12px; background-color:#a9c0d5; border-color:#a9c0d5; vertical-align:top; padding-top:2px; padding-bottom:2px; margin-left:2px; margin-right:2x; text-align:center;  }

.row0                       { background-color:#eeeeee; vertical-align:top; }       /*tan gray*/
.row1                       { background-color:#dfdfdf; vertical-align:top; }       /*grey*/
.row3                       { background-color:#f2f2f2; vertical-align:middle; }    /*light gray*/
.row4                       { background-color:#aaaaaa; vertical-align:top; }       /*dark gray*/

a:link		                { color:#808080; text-decoration:none; }
a:visited	                { color:#808080; text-decoration:none; }
a:active	                { color:#E1EBFF; text-decoration:none; }
a:hover		                { color:#3300FF; text-decoration:none; }

.feedback                   {color:#990000; font-size:12px; font-weight:bold; margin-bottom:10px; padding-bottom:10px;}

#tree                       { font-size :11px; font-family:Tahoma, arial, helvetica, sans-serif; margin-top:4px; margin-bottom:0px; }
#tree_version               { font-size :11px; font-family:Tahoma, arial, helvetica, sans-serif; margin-top:0px; margin-bottom:1px; }

#tree img                   {  vertical-align:middle; /*only way to get images to align-middle with inline text in Firefox*/ }
#tree a:link, #tree a:visited {	color:#000000;	text-decoration:none; }
#tree a:active, #tree a:hover {color:#648bcb; text-decoration:underline; }

input, textarea, select, button, .btn, .input { font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin-left:0px; margin-right:0px; margin-top:0px; text-decoration :none; }

/* Styles for <div> 'tables' */
.formRow                    { width:100%; float:left; padding:1px; }
.col1                       { padding-top:5px; width:470px; float:left; text-align:left; padding-right:15px; }
.col2                       { padding-top:5px; width:55px; float:left; text-align:center; }

/*Grace styles*/
.copytext 	                { COLOR:#808080; FONT:9px arial, verdana, sans-serif; font-weight:normal; }

/* format signup page form*/
.formRow { width: 100%; float: left; padding: 1px; }
.color1 { background-color: #eee; }
.labelColumn { padding-top:5px; width:210px; float:left; text-align:right; padding-right:15px; font-weight:bold; }
.fieldColumn { padding-top:5px; float:left; width:470px;}
.pmtLabelColumn { padding-top:5px; width:170px; float:left; text-align:right; padding-right:15px; font-weight:bold; }
.pmtFieldColumn { padding-top:5px; float:left; width:370px;}
.width1 { width:180px; }
.width2 { width:250px; }
small   { font-size:90%; }  
blockquote {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	text-indent: 15px;
	display: block;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 7px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}



/* Styles required for Mobile */
.rowHighlighted        	{ background-color:#FFFF99; vertical-align:middle; padding:9px; margin:3px; }

/* Accordions for phonesecurity page */
.ps-accordion_toggle         { display:block; height:30px; width:600px; background:#c3d8f5; padding:0 0px 0 10px;
                              line-height:30px; color:#ffffff; font-weight:normal; text-decoration:none; outline:none; font-size:12px; color:#000000;
                              border-bottom:1px solid #e4edf9; cursor:pointer; margin:0 0 0 0; }
 .ps-accordion_toggle_active { background:#eaeaea; font-weight:bold;  color:#000000; border-bottom:1px solid #f5f4f4; }

 .ps-accordion_content       { background-color:#ffffff; color:#444444; overflow:hidden; width:600px; }

 .ps                  { padding:11px 0px 11px 15px; width:330px; float:left; text-align:left; font-weight:bold; background-color:#ffffff; }
 .psHighlighted       { padding:11px 0px 11px 15px; width:330px; float:left; text-align:left; font-weight:bold; background-color:#FFFF99; }
 .psSelected          { padding:11px 0px 11px 15px; width:330px; float:left; text-align:left; font-weight:bold; background-color:#FFFF66; }
 .psButtons           { padding:11px 0px 11px 0px; width:190px; float:left; text-align:right; display:none;}


/* Accordions for GPS page */
.gp-accordion_toggle         { display:block; height:30px; width:800px; background:#c3d8f5; padding:0 0px 0 10px; line-height:30px;
                               color:#ffffff; font-weight:normal; text-decoration:none; outline:none; font-size:12px; color:#000000;
                              border-bottom:1px solid #e4edf9; cursor:pointer; margin:0 0 0 0; }
 .gp-accordion_toggle_active { background:#eaeaea; font-weight:bold;  color:#000000; border-bottom:1px solid #f5f4f4; }

 .gp-accordion_content       { background-color:#ffffff; color:#444444; overflow:hidden; width:800px; }

 .gp                  { padding:11px 0px 11px 15px; width:330px; float:left; text-align:left; font-weight:bold; background-color:#ffffff; }
 .gpHighlighted       { padding:11px 0px 11px 15px; width:330px; float:left; text-align:left; font-weight:bold; background-color:#FFFF99; }
 .gpSelected          { padding:11px 0px 11px 15px; width:330px; float:left; text-align:left; font-weight:bold; background-color:#FFFF66; }
 .gpButtons           { padding:11px 0px 11px 0px; width:390px; float:right; text-align:left; display:none;}




/* Styles for Text History word bubbles */
table.SMSheaderTable    { font-size:12px; vertical-align:top; padding:2px 0 2px; margin:0 2px 0 2px; text-align:center; }  /* border-top:1px; border-top:#bbbbbb; border-top-style:solid;   */

.leftbubble0            { float:left; background-color:#eeeeee; padding:6px 6px 6px 6px; margin:2px 2px 2px 0px; border:1px; border-color:#bbbbbb; border-style:solid;
                          -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; z-index:2; position:relative; }

.leftbubble1            { float:left; background-color:#cccccc; padding:6px 6px 6px 6px; margin:2px 2px 2px 0px; border:1px; border-color:#999999; border-style:solid;
                          -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; z-index:2; position:relative; }

.rightbubble            { float:right; background-color:#c3d8f5; padding:6px 6px 6px 6px; margin:2px 0px 2px 2px; border:1px; border-color:#8ba8d1; border-style:solid;
                          -moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; z-index:2; position:relative;}

.point-L0               {width:14; float:left;  margin:7px -1px 2px  2px; color:#bbbbbb; vertical-align:middle; z-index:4; position:relative;}
.point-L1               {width:14; float:left;  margin:7px -1px 2px  2px; color:#aaaaaa; vertical-align:middle; z-index:4; position:relative;}
.point-R                {width:14; float:right; margin:7px  2px 2px -1px; color:#98b4dc; vertical-align:middle; z-index:4; position:relative;}