/* Google Apps */


/* wireframe borders
    div, h1, h2, h3, h4, p, form, ul, table, li {
        border: 1px #999999 dotted;
        } */

/* global */
    a img,img{
  border:none;
  padding:0px;
  margin:0;
}

    div, h1, h2, h3, h4, p, ul, ol, li, form, fieldset, table, td, th {
        margin:0;
        padding:0;
        }

    ul{
        list-style:none;
        }

    html {
        /*font-size: 62.5%;*/
        font-size: 80%;

        }
    body {
        font: 13px/18px verdana,helvetica,arial,sans-serif;
        margin:0;
        color:#3B393A;
      /*  padding:.5em 1.5em 1.5em 1.5em;       */
        min-width:730px;
        background:#FFF url(../img/mainbak.gif) no-repeat top center;
        }
    div#container{
        padding:0 20px;
        width:962px;
        margin:auto;
        border-left:1px solid #c7c9cb;
        border-right:1px solid #c7c9cb;
        border-bottom:1px solid #c7c9cb;
        background-color: white;
    }
    h1{
        font-size:1.5em;
        }
    h2{
        font-size:1.5em;
        }
    h3{
        font-size:1.2em;
        }
    h4{
        font-size:1.1em;
        }

    .main1{
        font-size:1.2em;
        font-weight:bold;
        }

    .clear, .clrflt, .spacer{
        clear:both;
        }

    .divider{
        clear:both;
        width:100%;
        margin:15px 0;
        border-bottom:1px solid #eee;
        }

    .inlinetext{
        display:inline;
        padding-right:6px;
        }

    .newuser, .adm{
        color:#008000;
        }

    .err, .sus, .req, .new, a.new:link, a.new:hover, a.new:visited{
        color:#cc0000;
        }

    .u{
        color:#767676;
        }

    .u a:link, .u a:active, .u a:visited{
        color:#59d;
        }

    a:link, a:visited{
        color:#06c;
        }

    a:hover{
        color:#4D4D4D;

    }

    a{
        outline:none;
        }

    div#mainnav{
        background:url(/img/mnoff.gif) repeat-x;
        height:30px;
    }
    div.mainnavitem, div.mainnavspc, div.submainnavitem{
        float:left;
        height:25px;
    }
    div#subnavitems{
        width:420px;
        float:right;
        text-align:right;
        padding-top:8px;
        font: 14px calibri,verdana,helvetica,arial,sans-serif;
    }
    div.mainnavitem{
        padding:6px 8px 0 8px;
    }
    div.submainnavitem{
        padding:6px 5px 0 5px;
        text-align:right;
    }
    div.submainnavitem, div.submainnavitem a:link, div.submainnavitem a:active, div.submainnavitem a:visited{
        color:#547DBF;
        font: 14px calibri,verdana,helvetica,arial,sans-serif;
        font-weight: bold;
        text-decoration: none;
    }
    div.mainnavitem a:link, div.mainnavitem a:active, div.mainnavitem a:visited{
        color:#4C4C4C;
        font: 16px calibri,verdana,helvetica,arial,sans-serif;
        font-weight: bold;
        text-decoration: none;
    }
    div#mainnavactive{
        background:url(/img/mnon.gif) repeat-x;
        background-color: white;
    }
    div.contenthead{
        font: 16px/20px verdana,helvetica,arial,sans-serif;
        font-weight: bold;
        margin-bottom: 5px;
    }
    div#contentbody{
        margin-bottom: 30px;
    }
    div#dynacms{

    }
    #rightcolcell{
        width:240px;
    }
    div.rightcol{

    }
    .leftcol, .centrecol{
        float:left;
        width:445px;
        padding-top:30px;
    }
    .leftcol p, .centrecol p{
    padding-bottom:14px;
}
div.infopanel{
    background-color:#F8F8F8;
    padding:10px;
    border:1px solid #547DBF;
    margin:10px;
}
div.infopanel p{
    padding-bottom:10px;
}
    div.leftcol{
        padding-top:60px;
        width:260px;
        text-align: left;
    }
    a.greenlink:link, a.greenlink:visited{
        color:#008000;
        text-decoration:none;
        }
    div.sidepanel{
        background-color:#F8F8F8;
        padding:30px 10px 15px;
        text-align: center;
        margin-bottom: 2px;
    }
    div.sidepanel form input{
        margin-top:20px;
    }
    div.sidepanel input.textinput{
        width:200px;
    }
    div.sidepaneltext{
        font: 15px calibri,verdana,helvetica,arial,sans-serif;

    }
    div.sidepanelheader{
        font: 16px/20px verdana,helvetica,arial,sans-serif;
        color:#547DBF;
        font-weight: bold;
        margin-bottom: 5px;
    }
    a.poplink{
        background:url(../img/tearoff_icon-1_2.gif) right no-repeat;
        padding-right:20px;
        }

    a.cancellink{
        text-decoration:none;
        }

    #hidden1, #hidden2, #hidden3, #hidden4, .hidden {
        display:none;
        }

    .newservice{
        background:url(../img/mini_blogger.gif) no-repeat;
        padding:2px 0 4px 22px;
        }

    /* dialog cards */
    .d {
        margin:10px 10px 10px 0;
        padding: 10px;
        background-color:#FFF4c2;
        border: solid 1px #FFcc33;
        width:50%;
        }

    /* gray sign-in card */
    .si {
        margin:10px 10px 0 0;
        padding: 10px;
        background-color:#eeeeee;
        border: solid 1px #aaaaaa;
        width:50%;
        }

    /* notification banner */
    .note {
        padding: 1px 15px;
        background-color: #fad163;
        -moz-border-radius: 5px;
        }

    .note2{
        margin: 0 auto;
        position: absolute;
        text-align: center;
        top: 49px;
        width: 94%;
    }

    .warning{
        background:url(../img/warning.gif) no-repeat;
        padding-left:25px;
        }

    .printlink{
        background:url(../img/print_icon_2.gif) no-repeat;
        padding-left:20px;
        padding-bottom:5px;
        }
    .emaillink{
        background:url(../img/email_icon_2.gif) no-repeat;
        padding-left:20px;
        padding-bottom:5px;
        }


    p.confirm{
        text-align:center;
        }

    /*error handling*/
    .errorbox-bad, .errorbox-good{
        display:inline;
        }
    .errormsg{
        color:#cc0000;
        }


/* header */

    div#header {
        min-height:65px;
        }

    div#logo{
        float: left;
        height:60px;
    }

    div#logo img{
        border:none;
        }

    div#header ul {
        float:right;
        }

    div#header li {
        display: inline;
        padding-left:6px;
        }

    div#header p, div#header form{
        margin:0 0 0 146px;
        padding-bottom:2px;
        }

    div#header form label{
        display:none;
        }

    span#premium{
        color:#CC6600;
        font: bold .8em Verdana, Arial, Helvetica, sans-serif;
        }


/* navigation */

    div#navigation ul{
        clear:both;
        background:url(../img/navbar_bg.png);
        float: left;
        width: 100%;
        }

     div#navigation li{
        float:left;
        border-right:1px solid #5599dd;
        position:relative;
        }

     div#navigation li a{
        display:block;
        padding:5px 15px 5px 15px;
        color: #fff;
        font-weight:bold;
        position:relative;
        text-decoration:none;
        }

    div#navigation li#services{
        border-right:0;
        }

    div#navigation li#services a img{
        border:none;
        padding-bottom:2px;
        }

    .selected, div#navigation li.selected a:hover, div#navigation li.selected:hover{
        background:url(../img/navbar_bg2.png);
        font-weight:bold;
        }

    div#navigation li a:hover, div#navigation li:hover{
        background:url(../img/navbar_bg3.png);
        }

    /*drop down navigation*/
    div#navigation li#services ul#servicelist{
        display:none;
        position:absolute;
        background:#ecf0f6;
        border:1px solid #fff;
        border-right:1px solid #899dad;
        border-bottom:1px solid #899dad;
        width: 12em;
        }

    div#navigation li#services li{
        float:none;
        border:none;
        border-bottom: 1px solid #ecf0f6;
        }

    div#navigation li#services li a{
        display:block;
        background:none;
        padding:3px 6px 3px 6px;
        color:#333;
        font-weight:normal;
        white-space:nowrap;
        z-index:1000;
        }

    div#navigation li#services li.selected{
        background:none;
        }

    div#navigation li#services li a:hover{
        background:#5599dd;
        color:#fff;
        }

    /*secondary nav*/
    div#nav2{
        clear:left;
        padding:2px 2px 2px 15px;
        background:#eaf3fd;
        border-bottom:1px solid #c6dff9;
        }

    div#nav2 h2{
        margin:6px 6px 6px 0;
        }

    div#nav2 ul{
        padding-top:4px;
        }

    div#nav2 li{
        display: inline;
        padding:15px;
        }

    div#nav2 .selected{
        background:#FFFFFF;
        padding:5px 15px 2px 15px;
        border: 1px solid #c6dff9;
        border-bottom-color:#FFFFFF;
        font-weight:bold;
        }

    div#nav2 .notselected{
      /*  background:#FFFFFF; */
        padding:5px 15px 2px 15px;
        border: 1px solid #c6dff9;
     /*   border-bottom-color:#FFFFFF; */
        font-weight:bold;
        }


/* content - general */

    div#content{
        padding:20px 30px;
        }

    div#content p{
        padding-bottom:1.5em;
        }


/* content - dashboard */

    div#dash1{
        padding:10px 15px 10px 15px;
        margin: 10px 15px 10px 15px;
        background:#eaf3fd;
        border:1px solid #c6dff9;
        }

    div#tip, div#dashnote{
        margin:10px 15px 0 15px;
        }

    div#dom_user{
        float:left;
        width:47%;
        padding-right:2%;
        }

    div#users h2{
        display:none;
        }

    div#users ul{
        padding:10px 0 0 0;
        }

    div#users ul li{
        display:inline;
        padding-right:6px;
        }

    div#dash1 h1{ /* for 633418 */
        position: relative;
        }

    div#dash1 table{
        font-size:.9em;
        border-collapse:collapse;
        }

    div#dash1 table th{
        font-weight:bold;
        border-bottom:1px solid #ccc;
        }

    div#dash1 th, div#dash1 td{
        padding:2px 5px 2px 0;
        text-align:left;
        }

    div#dash1 table .tablefooter{
        color: #767676;
        border-top:1px solid #ccc;
        }

    div#dash1 table .current{
        color:#ff6600;
        text-align:center;
        font-weight:bold;
        }

    div#dash1 table .high, .low{
        color:#009900;
        text-align:center;
        }

    div#dash2{
        margin:20px 30px 20px 30px;
        }

    div#dash2 li{
        display:inline;
        padding-right:6px;
        }

    /* starter tip on dashboard */

    div#guide{
        margin-left:50%;
        padding:0 20px 0 0;
        color:#C60;
        }

    div#guide h3{
        margin-left:25px;
        color:#c60;
        }

    div#guide p{
        margin-left:25px;
        padding-bottom:5px;
        width:90%;
        }

    div#guide .inlinelist{
        color:#333;
        margin-left:25px;
        }

    /*arrows for tip*/
    div#guide .up{
        background:url(../img/g_arrows.gif) no-repeat;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }
    div#guide .upleft{
        background:url(../img/g_arrows.gif) no-repeat 0 -20px;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }
    div#guide .left{
        background:url(../img/g_arrows.gif) no-repeat 0 -40px;
        text-indent:-5000px;
        float:left;
        margin-top:-2px;
        height:20px;
        width:20px;
        }
    div#guide .downleft{
        background:url(../img/g_arrows.gif) no-repeat 0 -60px;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }

    div#guide .down{
        background:url(../img/g_arrows.gif) no-repeat 0 -80px;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }
    div#guide .downright{
        background:url(../img/g_arrows.gif) no-repeat 0 -100px;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }
    div#guide .right{
        background:url(../img/g_arrows.gif) no-repeat 0 -120px;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }
    div#guide .upright{
        background:url(../img/g_arrows.gif) no-repeat 0 -140px;
        text-indent:-5000px;
        float:left;
        height:20px;
        width:20px;
        }

    /*services

    ul#services{
        width:100%;
        list-style:none;
        }

    ul#services p{
        clear:left;
        padding:0;
        }

    ul#services li{
        float:left;
        width:47%;
        margin-right:2%;
        padding:25px 0 0 0;
        }

    ul#services li li{
        display:inline;
        width:auto;
        float:none;
        margin:0;
        padding:0 .7em 0 0;
        }

    ul#services li ul{
        margin-left:25px;
        }

    ul#services li h3{
        float: left;
        padding-left:5px;
        }

    ul#services span{
        color:#767676;
        padding-left:.2em;
        }

    ul#services span.err{
        color:#cc0000;
        }

    ul#services li .beta{
        color:#cc6600;
        font: bold .8em Verdana, Arial, Helvetica, sans-serif;
        margin-left:3px;
        }

    ul#services li p{
        margin-left:25px;
        }

    a.startpage,
    a.email,
    a.chat,
    a.calendar,
    a.webpages,
    a.docs,
    a.blogger {
        background: url(../img/mini_icons.gif) no-repeat;
        width:20px;
        height:20px;
        float:left;
        text-decoration: none;
        text-indent:-5000px;
        }

    a.email{
        background-position: 0 -20px;
        }

    a.chat{
        background-position: 0 -40px;
        }

    a.calendar{
        background-position: 0 -60px;
        }

    a.webpages{
        background-position: 0 -80px;
        }

    a.docs{
        background-position: 0 -100px;
        }

    a.blogger{
        background:url(../img/mini_blogger.gif) no-repeat;
        }

/* add services button
    a.add_link{
        background:#efefef url(../img/add_2.png) 5px center no-repeat;
        padding:3px 10px 3px 25px;
        font-weight:bold;
        border-top:1px solid #999;
        border-right:2px solid #666;
        border-bottom:2px solid #666;
        border-left:1px solid #999;
        line-height:2.5em;
        text-decoration:none;
        color:#000000;
        }

    a.add_link:hover{
        background-color:#FFFFCC;
        }

    a.add_link:active{
        background-color:#ffffbb;
        border-top:2px solid #666;
        border-right:1px solid #999;
        border-bottom:1px solid #999;
        border-left:2px solid #666;
        }

    ul#services span.added{
        color:#767676;
        font-weight:bold;
        background:url(../img/nodisplay2.gif) no-repeat;
        padding-left:15px;
        line-height:2.5em;
        }
*/

/* content - settings type */

    form#settings td{
        padding:10px 20px 15px 0;
        margin:0;
        border-bottom: 1px solid #ccc;
        }

    form#settings th{
        text-align:right;
        width:1%;
        vertical-align:top;
        white-space:nowrap;
        padding:10px 20px 15px 0;
        border-bottom:1px solid #ccc;
        }

    form#settings tr.finalrow th, form#settings tr.finalrow td{
        border-bottom:none;
        }

    form#settings table{
        border-collapse:collapse;
        width:100%;
        }

    form#settings .minitable th, form#settings .minitable td{
        padding:2px;
        margin:0;
        border:none;
        }

    form#settings table.cleantable td{
        padding:0;
        margin:0;
        border:none;
        }

    .inlinelist li, .inlinelist2 li{
        display:inline;
        padding-right:.7em;
        }

    ul.inlinelist2{
        display:inline;
        }

    .inlinefield{
        display:inline;
        padding-right:10px;
        }

    form .inlinefield{
        float:left;
        padding-right:10px;
        }

    .buttons{
        text-align:center;
        margin-top:20px;
        }

    .buttons2{
        margin-top:20px;
        }

    .mainbutton{
        font-weight:bold;
        }

    .cancel{
        margin:0 10px;
        }

    .indent{
        margin-left:25px;
        }

    imgbox{
        border: solid 1px #ddd;
        padding: 5px;
        height:60px;
        width:143px;
        text-align:center;
        color:#767676;
        }


/* content - list type */

    form#list table, .inav{
        width:100%;
        border-collapse:collapse;
        }

    form#list .tablebar{
        background:#c2cdd8;
        padding:4px;
        }

    form#list th,.inav th{
        background:url(../img/tablebar_bg.png) bottom repeat-x;
        text-align:left;
        padding:2px 4px 2px 4px;
        width:auto;
        border-bottom:1px solid #ccc;
        }

    th a.selected{
        background:url(../img/down_2.gif) right  no-repeat;
        padding-right:10px;
        }

    form#list td,.inav td{
        border-bottom:1px solid #ccc;
        padding:2px 4px 2px 4px;
        }

    form#list td a:visited{
        color:#59d;
        }

    form#list tr:hover,.inav  tr:hover{
        background:#ffffcc;
        cursor:pointer;
        }

    form#list table.nobox tr{
        height:2em;
        }

    /*bar graph - thermometer (under 90%)*/
    span.bar1 {
        float:left;
        font-size: 0.1em;
        background: #f4f4f4;
        margin:5px 3px 0 0;
        width: 50px;
        height:5px;
        border:1px solid #3a6ac8;
    }

    span.bar1 span {
        background: #b2cffd;
        float: left;
        height: 5px;
/* // */        border-right:1px solid #9aa6b3;
    }

    /*bar graph - thermometer (90% and over)*/
    span.bar2 {
        float:left;
        font-size: 0.1em;
        background: #f6f6f6;
        margin:5px 3px 0 0;
        width: 50px;
        height:5px;
        border:1px solid #000000;
    }

    span.bar2 span {
        background: #d40000;
        float: left;
        height: 5px;
/* // */        border-right:1px solid #a9b3bf;
    }


    /*highlight without the cursor*/
    form#list tr.nopoint:hover{
        background:#ffffcc;
        cursor:default;
        }

    form#list th:hover{
        cursor:auto;
        }

    form#list th ul{
        float:right;
        }

    /*define certain list column width*/
    form#list .tinycol{
        width:3%;
        }

    form#list .bigcol1{
        width:45%;
        }

    .overflow {
        overflow: hidden;
       /* text-overflow: ellipsis; */
        white-space: nowrap;
    }

    * html .overflow { /* ie6 */
        position: absolute;
        width: 100%;
    }

    *+html .overflow { /* ie7 */
        float: left;
    }


/* content - wizard type */

    div#steps{
        border-bottom:1px solid #ccc;
        margin-bottom:20px;
        }

    div#steps h2{
        color:#ccc;
        padding-right:10px;
        display:inline;
        }

    div#steps ol{
        display:inline;
        }

    div#steps ol li{
        padding-right:10px;
        font-size:.95em;
        color:#ccc;
        }

    div#steps .current, .current a{
        color:#899dad;
        text-decoration:none;
        font-weight:bold;
        }

    div#steps .next, .next a{
        color:#c3cdd8;
        text-decoration:none;
        }

    div#steps .back, .back a{
        color:#ccc;
        text-decoration:none;
        }

    form#wizard .cancel{
        margin-left:0;
        }


/* content - instructions type */

    div#topsection{
        border-bottom:1px solid #ccc;
        padding-bottom: 10px;
        }

    div#content ol.numbered{
        padding-left:25px;
        }

    div#content table.mx{
        border-collapse: collapse;
        margin-bottom:20px;
        width:auto;
        }

    div#content table.mx th{
        text-align:left;
        border-bottom:1px solid #676767;
        width:auto;
        }
    div#content table.mx th, div#content table.mx td{
        padding: .3em 2em .3em .5em;
        white-space: nowrap;
        }

    div#content table.mx td{
        border-bottom: 1px solid #ccc;
        }

    ul.points{
        list-style:outside;
        margin-left:2em;
        line-height:1.5em;
        }

    div#content table.sample, div#content table.preview{
        border-collapse:collapse;
        width:auto;
        margin-top:5px;
        }

    div#content table.sample th, div#content table.preview th{
        border:1px solid #ccc;
        background:#eee;
        padding:2px 10px;
        text-align:center;
        width:auto;
        }

    div#content table.sample td, div#content table.preview td{
        border:1px solid #ccc;
        padding:2px 10px;
        text-align:left;
        }

    div#content table.sample{
        font-style:italic;
        }

    div#content table.sample td, div#content table.sample th{
        color:#767676;
        }

    div#content table.preview th{
        text-align:left;
        }

    div.guide img {
        float:right;
        padding:0 0 15px 15px;
        }


/* footer */

    #footer {
        clear:both;
        padding:10px 20px;
        text-align:right;
        color: #3B393A;
        border-top:2px solid #547DBF;
        }

    #footer p{
        font-size:0.9em;
        padding:2px;
        }
    #footer a:link, #footer a:active, #footer a:visited{
        color:#767678;
        }

/* Timezone table in 'Domain Settings'.
   Need to override table-styles set for all tables in form#settings. */
   div#tz table  {
     width: auto;
   }
   div#tz td {
     border: none;
     padding: 0px;
   }


   .required{
    font-weight:bold;

   }

   .optional, .submit,.required{
    padding:10px 30px 10px 0;
    text-align: right;
   }

   .required input, .required select, .optional input, .optional select{
    width:200px;
   }
   .required label, .optional label{
    display:block;
    width:150px;
    float:left;
    text-align: center;
   }

   #logodiv{
    width:50%;
    height:50px;
    float:left;
   }
   #userdiv{
    width:50%;
    height:50px;
    float:left;
    text-align:right;
   }
   .actions li a{
    padding:4px;
    background-color: #EAF3FD;
  /*  display: block;
    width:70px; */
    border:1px solid #C6DFF9;
   }

   .actions li, .actions{
    padding:5px;
   }

   .inav{
      border-top:1px solid #DFE5F0;
   }

   .stdform{
 /**   border:1px solid #5599DD; */
    width:400px;
    padding: 20px 20px 5px 20px;
   }
   .submit{
    margin-top: 20px;
    border-top:1px solid #DFE5F0;
    padding:10px 30px 0 0;
   }
   .reqnote{
   color:#5599DD;
   }
   .listtab th{
    padding:5px 20px 5px 5px;
   }
   .tal{
   text-align: left;
   }

   .viewtabdiv{
    padding:15px;
   }
   #mapform label{
   width:100px;
   }
   #mapform input{
    width:150px;
   }
   #mapform select{
    width:150px;
   }
   #pagemodified{
	   text-align: right;
	    color: #767678;
	    width: 982px;
	    margin-left:auto;
	    margin-right: auto;
	    padding-top:3px;
	    font-size: 11px;
   }