﻿* {
    margin : 0px;
    padding : 0px;
    border : 0px;
    font-family : Helvetica,Arial,Verdena;
    font-size : 12px;    
    font-weight : normal;
}

a {
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}

ul {
    list-style : none;
}

html {
}

a {
    color : #663399;
    text-decoration : underline;
}

a:hover {
    text-decoration : none;
}

strong, b {
    font-weight : bold;
}

#logo {
    position : absolute;
    background : white url(../img/logo.gif) no-repeat 0px 0px;
    left : 36px;
    top : 70px;
    width : 283px;
    height : 46px;
}

#logo span {
    display : none;
}

#user-info {
    position : absolute;
    left : 26px;
    bottom : 80px;
}

#user-info li {
    font-size : 13px;
    color : #999999;
}

#user-info li a {
    font-size : 14px;
    margin : 0px 6px 0px 6px;
    color : #999999;
    display : block;
    border-top : 1px solid #dfdfdf;
    height : 24px;
    width : 190px;
    padding-top : 8px;
}

#user-info li:last-child a {
    border-bottom : 1px solid #dfdfdf;
}

#box {
    position : absolute;
    background : white url(../img/earnpoints.gif) no-repeat 0px 0px;
    left : 34px;
    top : 194px;
    width : 194px;
    height : 200px;
    padding-top : 65px;
}

#page {
    width : 820px;
    background : transparent url('../img/bg2_content.gif') repeat-y;
    padding: 0px;
    position : relative;
    margin : 0px auto 0px auto;
}

#top {
    background : transparent url('../img/bg2_top.gif') no-repeat;
    position : absolute;
    width : 820px;
    height : 479px;
    z-index : 10;
    top : 0px;
    left:0px;
}

#bottom {
    position : absolute;
    z-index : 20;
    bottom : 0px;
    left : 0px;
    background : transparent url('../img/bg2_bottom.gif') no-repeat;
    width : 820px;
    height : 373px;
}

#content {
    top : 0px;
    left : 0px;
    position : relative;
    width : 820px;
    min-height : 800px;
    border : 1px solid #FFF;
    z-index : 40;
}

#page.clean {
    background-image : url('../img/bg1_conent.gif');
}

#page.clean #top {
    background-image : url('../img/bg1_top.gif');
}

#page.clean #bottom {
    background-image : url('../img/bg1_bottom.gif');
}

#rightcontent {
    margin : 190px 0px 30px 262px;
    width : 470px;           
    padding : 0px 0px 0px 14px; 
} 

h1 {
    font-size : 20px;
    margin : 0px 0px 50px 0px;
}

.panel {
    font-size : 20px;
    margin : 0px 0px 20px 0px;
}

.panel a.large {
    font-size : 20px;
}

.panel.details {
    color : #663399;
}

.formrow {
	width : 460px;
	height : 46px;
	position : relative;
}

.formrow .info {
    font-size : 10px;
    margin-left : 190px;
}

.formrow.large {
    height : 150px;
}

.formrow label {
    width : 180px;
    display : block;
    float : left;
    color : #663399;
    text-align : right;
    margin : 3px 10px 0px 0px;
    font-size : 20px;
}

.formrow input[type=text], .formrow input[type=password] {
    width : 256px;
    border : 1px solid #663399;
    height : 22px;
    font-size : 18px;
    color : #663399;
    padding : 2px;
    font-weight : bold;    
}

.formrow.arrow {
    padding-top : 14px;
    background : transparent url(../img/arrow.gif) no-repeat 0px 0px;
    height : 80px;
}

.formrow select {
    width : 256px;
    border : 1px solid #663399;
    height : 26px;
    font-size : 20px;
    color : #663399;
    font-weight : bold;    
    padding : 0px;
}

.formrow option {
    width : 256px;
    height : 26px;
    font-size : 20px;
    color : #663399;
    font-weight : bold;    
    padding : 0px;
}

.formrow input.small, .formrow select.small, .formrow select option {
    width : 60px;
}

.formrow input.medium, .formrow select.medium {
    width : 80px;
}

.formrow .formerror {
    background-color : Red;
    position : absolute;
    top : -18px;
    left : 440px;
    white-space:nowrap;
    width : auto;
    height : 78px;
    background : transparent url(../img/redarrow.gif) no-repeat 0px 0px;
    padding : 32px 10px 10px 40px;
    color : #F0F0F0;
}

.formrow.cb label {
    font-size : 12px;
    margin : 0px 0px 0px 6px;
    padding : 0px;
    width : auto;
    float:none;
    display : inline;
}

.formrow.cb input  {
    float : left;
    margin-left : 190px;
}

input.button {
    background : transparent url(../img/button.gif) no-repeat 0px 0px;
    width : 150px;
    height : 65px;
    margin : 4px 0px 0px 186px;
    cursor : pointer;
    font-size : 21px;
    color : #FFF;
    padding:0px 0px 26px 0px;
}

input.button:hover {
    color : #F0F0F0;
}

#toc {
    display : none;
}

#toc .container {
    margin : 20px;
    overflow-y:scroll;
}

#widgetoverlay {
    display : none;
    background-color: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;    
    z-index: 10;
}

.widget {
    position : fixed;
    width : 540px;
    background-color : #FFFFFF;
    top: 50%;
    left: 50%;
    border : 1px solid #000;
    z-index : 32;
    display : none;
}

.widget .widgetClose {
    float: right;
    margin: 4px 4px 0px 0px;
}

.widget .widgetClose a {
    display: block;
    width: 16px;
    height: 15px;
    background : transparent url(../img/close.gif) no-repeat 0px 1px;
}
