@import "tabs.css";

body {
margin:0px;
padding:0px;
overflow:-moz-scrollbars-vertical;
background:url(https://mypersonality.info/images/bg.jpg) repeat-x #e0e2e3;
}

body, td {
font-family:arial,helvetica,verdana;
font-size:12px;
color:#4f4e4e;
}

img {
border:0px;
}

.container {
height:100%;
}

.clear {
clear:both;
height:0px;
}

#bgcover {
z-index:7000000 !important;
overflow:hidden;
position:absolute;
width:100%;
height:100%;
background:#9e9e9e;
filter:alpha(opacity=78);
-moz-opacity:0.78;
opacity:0.78;
}

#content {
z-index: 70000001 !important;
position:absolute;
top:50%;
left:50%;
}

#loading {
z-index: 70000001 !important;
position:absolute;
top:50%;
left:50%;
padding:0px;
}

#loading div {
color:#fff;
font-size:18px;
text-align:center;
}

#loading div image{
margin-bottom:4px;
}

#content-top {
background:url(https://mypersonality.info/images/modal-top-bg.png) repeat-x;
height:25px;
width:100%;
}

#content-title {
float:left;
line-height:25px;
padding:0 0 0 7;
color:#434343;
font-size:15px;
font-weight:bold;
}

#content-right {
float:right;
}

#content-inner {
float:left;
background-color:#fff;
padding:0px;
}

a {
color:#0099ff;
text-decoration:none;
}

a:visited {
color:#4a8cb8;
text-decoration:none;
}

a:hover {
color:#f27e02;
}

.big {
font-size:17px;
}

.big a {
font-weight:bold;
}

.m-row a, .m-row a:hover, .m-row a:visited, .m-row a:active {
text-align:center;
display:block;
line-height:25px;
width:137px;
color:#434343;
font-weight:bold;
text-decoration:none;
}

.m-left {
background:url(https://mypersonality.info/images/m-left-980.gif) no-repeat;
}

.m-left-on {
background:url(https://mypersonality.info/images/m-left-on-980.gif) no-repeat;
}

.m-mid {
background:url(https://mypersonality.info/images/m-mid-980.gif) no-repeat;
}

.m-mid-on {
background:url(https://mypersonality.info/images/m-mid-on-980.gif) no-repeat;
}

.m-right {
background:url(https://mypersonality.info/images/m-right-980.gif) no-repeat;
}

.m-right-on {
background:url(https://mypersonality.info/images/m-right-on-980.gif) no-repeat;
}

.leaderboard {
background:url('https://mypersonality.info/images/leaderboard-bg.gif') repeat-y #fff;
}

.leaderboard-bottom {
background:url('https://mypersonality.info/images/leaderboard-bottom.gif') repeat-y;
}

.content {
background:url('https://mypersonality.info/images/content-bg-980.gif') repeat-y #fff;
}

.content-footer-banner {
background:url('https://mypersonality.info/images/content-banner-bg-980.gif') repeat-y #f9f9f9;
}

.content-footer {
background:url('https://mypersonality.info/images/content-footer-bg-980.gif') repeat-y #fff;
height:22px;
}

.content-footer div {
position:relative;
top:4px;
}

h1 {
font-size:18px;
color:#f27e02;
}

.title-med {
font-weight:bold;
color:#f27e02;
font-size:14px;
}

.title-sml {
font-weight:bold;
color:#f27e02;
font-size:12px;
}

.footer {
background:url(https://mypersonality.info/images/footer-980.gif) no-repeat;
font-size:11px;
}

.footer2 {
background:url(https://mypersonality.info/images/footer2-980.gif) no-repeat;
}

.footer2 div {
margin-top:10px;
font-size:11px;
}

form {
margin:0;
}

fieldset {
border:0px;
margin:0px;
padding:0px;
}

.input-text {
font-family:arial,helvetica,verdana;
font-size:14px;
font-weight:bold;
color:#0099ff;
border:2px solid #d1d1d1;
padding:2px;
background-color:#fafafa;
}

.textarea {
font-family:arial,helvetica,verdana;
font-size:14px;
font-weight:bold;
color:#0099ff;
border:2px solid #d1d1d1;
padding:2px;
background-color:#fafafa;
}

.select {
font-family:arial,helvetica,verdana;
font-size:14px;
font-weight:bold;
color:#0099ff;
border:2px solid #d1d1d1;
padding:2px;
background-color:#fafafa;
}

.checkrad {
padding:0;
border:0;
background-color:transparent;
}

.submit {
font-size:14px;
font-weight:bold;
color:#0099ff;
background-color:#fafafa;
padding:2px 15px 2px 15px;
border:2px solid #0099ff;
text-transform:uppercase;
}

.color-pick {
border:1px solid #000;
}

.color-pick a {
display:block;
height:100%;
width:100%;
}

.color-selected {
display:block;
height:15px;
width:45px;
border:1px solid #000;
}

.color-scheme {
height:18px;
width:90px;
border:1px solid #000;
cursor:pointer;
}

.field-cell {
font-weight:bold;
text-align:right;
color:#f27e02;
font-size:14px;
}

.bgcolor1 {
background-color:#f5f5f5;
}

.bgcolor2 {
background-color:#fff;
}

.success {
font-size:18px;
color:#0099ff;
}

.warning {
color:red;
}

.message {
border:2px solid red;
padding:10px;
margin:14 0 14 0;
}

.message span {
display:block;
font-size:15px;
font-weight:bold;
margin-bottom:4px;
color:red;
}

.message-success {
border:2px solid #0099ff;
padding:10px;
margin:14 0 14 0;
background-color:#fff;
}

.cell-frame {
border:1px solid #d1d1d1;
background-color:#fafafa;
padding:10px;
}

.cell-frame-lite {
border:1px solid #d1d1d1;
background-color:#fff;
padding:10px;
}

.cell-frame-fade {
border:1px solid #d1d1d1;
background:url(https://mypersonality.info/images/cell-fade.jpg) repeat-x #fafafa;
}

.small {
font-size:11px;
}

.med {
font-size:12px;
}

.blue {
color:#0099ff;
}

ul {
margin:14 0 14 18;
padding:0;
}

li {
list-style-image:url(https://mypersonality.info/images/bullet.gif);
}

.lite {
color:silver;
}

hr {
background-color:#d1d1d1;
color:#d1d1d1;
border:1px;
height:1px;
margin:14 0 14 0;
padding:0px;
}
