/********************************      Basic Structure      ********************************/
html {
       font-size: 100%;
       height: 100%;
       margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
     }

body {
       font-family: Arial, Helvetica, sans-serif;
       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;
	 }

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: #2011B0;
	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;
       }

.align-left {
                float: left;
         }

.align-right {
                float: right;
           }

.center{
		text-align:center;
}


.space {
                clear: both;
				width:100%;
				height:4px;
       }
/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 0 0;
				padding:5px;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('http://127.0.0.1/include/images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
                padding: 12px 15px 10px;
                float: left;
                }

.content-box table{
	background-color:#ccc;
}
/************ Button ************/
.button {
			font-family: Verdana, Arial, sans-serif;
	        display: inline-block;
	        background: #459300 url('http://admin.thetenacioustrader.com/include/images/bg-button-green.gif') top left repeat-x !important;
	        border: 1px solid #459300 !important;
	        padding: 4px 7px 4px 7px !important;
	        color: #fff !important;
	        font-size: 11px !important;
	        cursor: pointer;
		}

.button:hover {
                text-decoration: underline;
                }

.button:active {
                padding: 5px 7px 3px 7px !important;
                }

a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

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

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

form p small {
                font-size: 0.75em;
                color: #777;
                }


form input.text-input{
                font-size: 13px;
                background: #fff url('http://admin.thetenacioustrader.com/include/images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				padding:6px !important;
				height:35px;
}


form .upload,
form select,
form textarea{
				padding: 6px !important;
                font-size: 13px;
                background: #fff url('http://admin.thetenacioustrader.com/include/images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;

                }




form .small-input {
                width: 25% !important;
                }

form .medium-input {
                width: 50% !important;
                }

form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }

form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }


form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }


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

#main-content table {
                width: 100%;

                }

#main-content table thead th {
                font-weight: bold;
                font-size: 15px;
				border-bottom: 2px solid #cc0000
                }

#main-content table tfoot tr .td-tfoot {
                padding: 15px 0 5px 0;
                border-top: 2px solid #cc0000
                }

#main-content tbody {
                border-bottom: 1px solid #ddd;
                }

#main-content tbody tr {
				font-size: 12px;
                background: #fff;
                }

#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }

#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;

                }