/* -------------------- 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: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; margin: 0; padding: 0;
                      text-align: left; background-color: #616A59; }

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 { text-transform:uppercase; color:#999999; font-weight:normal; font-size:24px; padding-bottom:10px; }
h3 { color:#777777; font-weight:normal; font-size:21px; padding-top:12px; padding-bottom:8px; }
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; }


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

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


#container          {width:1040px; margin: 0 auto; position: relative; z-index: 1; color: #FFFFFF; background-color:
                      #616A59; text-align: left; }

/* HEADER */
#header #logo       { float: left; }
#header #navBar     { float: right; position: relative; font-family: Arial, Helvetica, sans-serif;
                      background-color: #616A59; text-align:right;  }

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

/* NAV2 */
#nav2               { text-transform: uppercase; color: #FFFFFF; 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: #FFFFFF; text-decoration: none; }
#nav2 li:hover      { text-decoration: none; background-image: url(../img/navGlow.png); }

/* LINKS */
#linksColumn                        { width: 200px; float: right; background-color: #51584b; }
#linksColumn h3                     { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; }
#linksColumn #linksContent          { width: 170px; margin: 10px auto; }
#linksColumn #linksContent a        { text-decoration: none; color: #99CC99; font-size: 12px; }
#linksColumn #linksContent a:hover  { text-decoration: none; color: #69C; }
#linksColumn #linksContent input    { width: 100%; margin-bottom: 5px; }

/* LOGIN */
#linksColumn #login                 { width:180px; margin:5px; }
#linksColumn #login h3              { color: #f8ad74; margin-bottom:15px; font-weight:bold; }
#linksColumn #login a               { text-decoration:none; color: #ffffff;  font-size:10px; }
#linksColumn #login a:hover         { text-decoration:underline; color: #ffffff;  }
#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:#99CC99; 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:#736c5a; color:#ffffff;
                            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; margin-left:4px; margin-right:4px; color:#ffffff; }
.mobileAccordionBox   p:hover { text-decoration:none; color:#ffffff; } /* background-color:#e56815;  */
.mobileAccordionBox   td a  { text-decoration:none; color:#334263; }

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

/* FOOTER */
#footer                      { height: 138px; background-color: #616A59; }
#footerContent               { padding: 10px 0 0 15px; color: #FFFFFF; }
#footerContent p             { margin: 5px 0; }

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

table.privsTable    { border-collapse:collapse;	border-style: none; }
table.privsTable tr, table.privsTable td {  border-collapse:collapse; padding:4px; border-width: 1px; border-color: #999999; border-style: solid; }

/* -------------------- 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: #999999; }
table.basictable th         { font-weight: bold; text-align: center; background-color: #736c5a; }
table.basictable tr, td     { border-width: 1px; padding:3px; }
table.basictable img        { padding-bottom: 1px; border-style:none; border-width:0px; }

/*This is the non-scrolling header with no visible cell borders */
table.headerTable       { font-size:12px; background-color:#51584b; border-color:#51584b; vertical-align:top; padding-top:2px; padding-bottom:2px; margin-left:2px; margin-right:2x; text-align:center;  }
table.billingTable      { border-width:1px; border-color:#999999; }
table.billingTable tr,td{ font-size:12px; border-width:1px; border-color:#999999; padding-top:2px; padding-bottom:2px; }
table.billingTable td.indent { padding-left:19px; }

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

a:link		                { color: #99CC99; text-decoration: none; }
a:visited	                { color: #99CC99; text-decoration: none; }
a:active	                { color: #99CC99; text-decoration: none; }
a:hover		                { color: #69C; text-decoration: none; }

.redAlert                   { color:#FF0000; }
.orangeAlert                { color:#FF9900; }
.feedback                   {color:#f8ad74; font-size:14px}

#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: 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: #F0F0F0; FONT: 9px arial, verdana, sans-serif; font-weight: normal; }

legend        {color: white; }


/* 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%; }