/*.------------------------------------------------.*/
/*| CSS reset for browser matching                 |*/
/*'------------------------------------------------'*/
form, textarea, br, img, ul, body, div, hr {
    margin: 0;
    padding: 0;
    border: 0;}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    letter-spacing: 0.1em;}

ul { padding-left: 12px; }

/*.------------------------------------------------.*/
/*| HTML Elements                                  |*/
/*'------------------------------------------------'*/
body {
    background: #D8D4C7 url(images/bg_body.png) repeat-x;
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
    color: #000;
    text-align: center;
    font-size: 62.5%;}

h1 {
   margin-bottom: 0.4em;
   padding-bottom: 0.6em;
   font-size: 1.8em;
   color: #C43D00;
   border-bottom: thin dashed #aaa;}

h2 {
   margin: 0.8em 0 0.3em 0;
   font-size: 1.4em;
   color: #34722F;}

h3 {color: #666;}

hr {
    border: none 0;
    border-top: 2px dotted #333;}

input, select, textarea {
    -moz-border-radius: 0.4em;    /* firefox rounded corners */
    -webkit-border-radius: 0.4em; /* safari rounded corners  */
    background: #fff url(images/bg_input.png) repeat-x;
    border: 1px solid #757161;
    padding: 2px;
    font-size: 1em;}
input:focus {border: 2px solid #757161;}

button {
    -moz-border-radius: 0.4em;    /* firefox rounded corners */
    -webkit-border-radius: 0.4em; /* safari rounded corners  */
    background-color: #E0D8BA;
    font-size: 1em;
    color: #111;
    border: 1px solid #333;}
button:hover {background-color: #FFF;}

a { text-decoration: none;}

/*.------------------------------------------------.*/
/*| ID Elements                                    |*/
/*'------------------------------------------------'*/
#wrapper {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    background-color: #E0DCCE;
    text-align: left;}

#header {
    background: #a5a089;
    padding: 14px 0px;
    height: 90px;}

#primary {
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    padding: 8px 0 20px;
    font-size: 1.5em;
    background: #a5a089;
    text-align: center;}

#primary a {
    -moz-border-radius: 0.4em;    /* firefox rounded corners */
    -webkit-border-radius: 0.4em; /* safari rounded corners  */
    background: #E0D8BA;
    margin: 4px;
    padding: 1px 8px;
    color: #111;
    border: 1px solid #333;}

#primary a:hover {background: #fff;}

#fontsize {
    display: inline;
    vertical-align: middle;
}
#fontsize a {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;}

#secondary {
    background: #c1beb3 url(images/bg_pri_link.png) repeat-x;
    border-bottom: 1px solid #84806E;
    color: #111;
    font-size: 1.3em;
    padding: 8px;
}

#secondary img {
    border: 0;
    margin: 0;
    vertical-align: middle;}

#secondary p {border: 0; margin: 0;}
#secondary a {color: #111; text-decoration: none;}
#secondary a:visited {color: #111; text-decoration: none;}
#secondary a:hover {color: #fff; text-decoration: underline;}

#menu {
    background-color: #333;
    padding: 8px;
    font-size: 1.3em;
    text-align: center;}

#menu img {vertical-align: middle;}
#menu a {color: #aaa; border-bottom: 1px dashed #555;}
#menu a:visited {color: #aaa; border-bottom: 1px dashed #555;}
#menu a:hover {color: #fff; border-bottom: 1px dashed #777;}

#contentwrap {border: 0px;}
#content {
    border-left: 1px solid #7F7B69;
    border-right: 1px solid #7F7B69;
    font-size: 1.6em;
    line-height: 160%;
    padding: 20px;}

#content p {border: 0; margin: 0 0 1.4em 0;}
#content a {color: #191970; border-bottom: 1px dashed #191970;}
#content a:visited {color: #191970; border-bottom: 1px dashed #191970;}
#content a:hover {color: #5252D3; border-bottom: 1px solid #5252D3;}

#footer {
    -moz-border-radius: 0 0 1em 1em;
    -webkit-border-radius: 0 0 1em 1em;
    border: 1px solid #7F7B69;
    background-color: #A5A089;
    color: #F2EAC9;
    margin-bottom: 32px;
    padding: 12px 0;
    font-size: 1.4em;
    text-align: center;}

#footer a {color: #4C4A3F; border-bottom: 0;}
#footer a:visited {color: #4C4A3F; border-bottom: 0;}
#footer a:hover {color: #FFF7D3; border-bottom: 1px dashed #FFF7D3;}

/*.------------------------------------------------.*/
/*| Classes                                        |*/
/*'------------------------------------------------'*/
.logo {margin: 0;}
.right {float: right;}
.left {float: left;}
.center {text-align: center;}
.clear {clear: both;}
.username {font-size: 1.6em;}

/*.------------------------------------------------.*/
/*| Forms and Tables                               |*/
/*'------------------------------------------------'*/
table {
    -moz-border-radius: 1em;    /* firefox rounded corners */
    -webkit-border-radius: 1em; /* safari rounded corners  */
    background: #ccc url(images/components/grad_white.png) repeat-x;
    border: 1px solid #aaa;
    color: #111;
    margin: 10px auto;
    padding: 10px;
    width: 100%;}

td {padding: 8px;}
.tl {width: 40%;}
.tr { float: left;}

.row {
    border: 1px solid;
    -moz-border-radius: 0.5em;    /* firefox rounded corners */
    -webkit-border-radius: 0.5em; /* safari rounded corners  */
    text-align: left;
    vertical-align: middle;}

.scrollbox {
    background: #fff url(images/components/bgtxinput.png) repeat-x;
    border: 1px solid #757161;
    padding: 5px;
    font-size: 0.8em;
    height: 160px;
    color: #444;
    overflow: auto;}

.photo {
    border: 1px dashed #333;
    float: right;}

/*.------------------------------------------------.*/
/*| CSS for Error System                           |*/
/*'------------------------------------------------'*/
.info, .success, .warning, .error {
border: 1px solid;
-moz-border-radius: 1em;    /* firefox rounded corners */
-webkit-border-radius: 1em; /* safari rounded corners  */
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/components/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/components/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/components/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/components/error.png');
}