/********************************      Basic Structure      ********************************/



html {

                font-size: 100%;

                height: 100%;

                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */

                }



body {

                font:normal 13px/22px Arial, Helvetica, sans-serif; color:#404040;

                background: #FFFFFF ;

                font-size: 12px;

                }



/********************************      Elements styling      ********************************/



h1, h2, h3, h4, h5, h6 {

                font-family: Helvetica, Arial, sans-serif;

                color: #222;

                font-weight: bold;

                }



h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 

				  position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */

				}

				

h2            { font-size: 26px; padding: 0 0 10px 0; }

h3            { font-size: 17px; padding: 0 0 10px 0; }

h4            { font-size: 16px; padding: 0 0 5px 0; }

h5            { font-size: 14px; padding: 0 0 5px 0; }

h6            { font-size: 12px; padding: 0 0 5px 0; }





a              { color: #57a000; text-decoration: none; }

a:hover     { color: #000; }

a:active     { color: #777; }

a:focus     { outline: 1px; }



strong       { font-weight: bold; color: #333; }



small   		{ font-size: 0.85em; }



pre           { font-family: monospace; }



p {

                padding: 5px 0 10px 0;

                line-height: 1.6em;

                }



/********************************      General Classes      ********************************/



.clear {

                clear: both;

                }

.cl_10{ height:10px;}



.cl_20{ height:20px;}

.cl_40{ height:40px;}



.align-left {

                float: left;

                }

				

.align-right {

                float: right;

                }





/************ Layout ************/



#main-content {

                margin: 0px auto;

                padding: 100px 0 0 0;

				max-width:874px; 

				}



.column-left {

                width: 48%;

                float: left;

                }

                

.column-right {

                width: 48%;

                float: right;

                }

				

.topheadingcontent   {

				font:normal 13px/18px Arial, Helvetica, sans-serif; color:#404040;

				}

.topheading   {

				font:normal 24px/50px Arial, Helvetica, sans-serif; color:#404040;

				}

               



 /************ Shortcut Buttons ************/



ul.tab-buttons-set li {

                float: left;

                margin: 0 ;

				padding: 0 !important;

				background: 0;

				

                }

				

ul.tab-buttons-set li a{font:normal 13px/22px Arial, Helvetica, sans-serif; color:#404040;

				}

ul.tab-buttons-set li a:hover{ font-weight:bold;} 

.tab-button1 {

               background:url(../images/tab1.jpg) no-repeat;

			   width:108px;

			   height:25px;

			   display:block;

			   padding:0 0 0 10px;

			   margin:0 0 0 20px;

                }    

.tab-button2 {

               background:url(../images/tab2.jpg) no-repeat;

			   height:25px; 

			   width:120px;

			   display:block;

			   padding:0 0 0 10px;

                }  

.tab-button3 {

               background:url(../images/tab2.jpg) no-repeat;

			   height:25px; 

			   width:120px;

			   display:block;

			   padding:0 0 0 10px;

			   margin:0 0 0 -10px;

                }  





.settings{ float:right; font:normal 13px/13px Arial, Helvetica, sans-serif; color:#404040; margin:-5px 0 0 0;}          



.content-box-local {

                border: 1px solid #BCBCBC;

                margin: 0 0 20px 0;

                background: #fff;

				min-height:100px;

				overflow:hidden;

				padding:10px 50px 20px 50px;

                }



.content-box-manual {

                border: 1px solid #BCBCBC;

                margin: 0 0 20px 0;

                background: #fff;

				min-height:100px;

				overflow:hidden;

				padding:10px 50px 20px 50px;

                }

				

.content-box-import {

                border: 1px solid #BCBCBC;

                margin: 0 0 20px 0;

                background: #fff;

				min-height:30px;

				overflow:hidden;

				padding:10px 50px 20px 50px;

                }

								

				

/*************** Forms ***************/



form label {

                display: block;

                padding: 0 0 10px;

                font-weight: bold;

                }



fieldset legend { font-size:15px;}            

fieldset {

                margin-bottom: 20px;

                padding:15px;

				border:1px solid #BCBCBC;

                }

fieldset p{font:normal 22px/27px Arial, Helvetica, sans-serif;}

                

form p small {

                font-size: 0.75em;

                color: #777;

                }

				

				

form input[type="text"],

form select,

form textarea {

                

                font-size: 13px;

                border: 1px solid #BCBCBC;

				color: #333;

				padding:0px;

				margin:0px 0 5px 0;

                }

            

form .small-input {

                width: 25% !important;

                }

                

form .medium-input {

                width: 50% !important;

                }

                

form .large-input {

                width: 95.5% !important;

				font-size: 13px !important;

				padding: 4px !important;

                }

                

form textarea {

                width: 100% !important;

                font-family: Arial, Helvetica, sans-serif;

                }

form select{width: 98% !important;

				font-size: 13px !important;

				padding: 2px !important;}

                



form input[type="checkbox"],

form input[type="radio"] {

				padding: 0;

                background: none;

				border: 0;

                }





.content-box-content {

                border: 1px solid #BCBCBC;

                 background: #fff;

				min-height:100px;

				overflow:hidden;

                }

/************ Table ************/



#main-content table {

                width: 100%;

                border-collapse: collapse;

                }

                

#main-content table thead th {

                font-weight: bold;

                font-size: 15px;

                border-bottom: 1px solid #ddd;

				background:#E5E5E5;

				border-right:1px solid #BCBCBC;

                }

                

#main-content tbody {

                border-bottom: 1px solid #ddd;

                }

                

#main-content tbody tr {

                background: #fff;

                }

              

#main-content tbody tr.alt-row {

                background: #f3f3f3;

                }

.brd0{ border-right:0px !important;}        

.pad6{ padding-top:6px;}        

#main-content table th {

	padding: 10px;

	line-height: 1.3em;

	border-right:1px solid #BCBCBC;

} 

#main-content table { table-layout:auto; }
#main-content table tr{ height: 30px; }
#main-content table td{ white-space:nowrap; overflow: hidden; } 
#main-content table td div.googlebadRev{ overflow: hidden; width: 250px; }

#main-content tbody tr:nth-child(even) {background: #E8E8E8}

#main-content tbody tr:nth-child(odd) {background: #FFF}


.meter-wrap{
    margin: 0 auto 1em auto;
    position: relative;
	}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 101px; height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(meter-outline.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    padding-top: 3px;
    color: #000;
    text-align: center;
    width: 100%;
}