/**
 * General
 */
body {
    font : normal 12px/14px Arial, Verdana;
    text-align : center;
    color : #666;
    background : #fff;
    margin : 0;
    padding : 0;
}
a {
    font : bold 1.1em/1.2em Arial, Verdana;
    color : #4A80E4;
    text-decoration : none;
}
a:hover {
    text-decoration : underline;
}
img {
    border: 0;
    margin: 0;
}
em {
    padding-left : 2px;
    font : normal 10px Arial, Helvetica, Verdana, sans-serif;
    color : #666;
}
/**
 * Logo
 */
#logo {
    text-align : center;
    background : #fff;
    padding : 0;
    width : 468px;
    margin : 35px auto 15px auto;
}
#logo img {
    width:400px;
    height:65px;
    margin-top : 10px;
}
/* Notifications */
.messages {
    padding : 2px 3px 4px 3px;
    text-align : center;
    border : 2px solid #eeb6b4;
    background : #f3cac9;
    width : 468px;
    margin : 10px auto;
}
.messages ul {
    margin : 10px;
    list-style : none;
    margin-left : 0;
    padding-left : 1em;
    text-indent : -1em;
}
.messages ul li {
    font : bold 14px Arial, Helvetica, sans-serif;
    text-align : left;
    padding : 2px 10px 2px 14px;
    border-bottom : 1px dashed #f0f0f0;
    color : #000;
    background : #f3cac9;
}
/* Content */
#content .options {
    text-align:right;
    padding:5px;
    margin:0
}
#content .options img {
    cursor:pointer;
    border:none
}
#content .options a {
    border:none;
    text-decoration:none;
    margin-left:10px
}
#content {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    border : 1px solid #c9c9c9;
    width : 468px;
    padding : 2px;
    margin : 2px auto;
    background : #fdfdfd url('http://www.filesocket.com/img/gradient.jpg') repeat-x right bottom;
}
#content h1 {
    color:#000;
}
/* Options */
#content #options {
    margin:0;
    padding:0;
}
#content #options ul {
    list-style: none;
    font : normal 10px Arial, Helvetica, Verdana, sans-serif;
    color : #666;
    display:inline;
    margin:0;
    padding:0;
}
/* Note */
#note {
color : #4c4c4c;
display : block;
margin : 10px auto;
width : 468px;
border : 1px solid #eddb70;
font-weight : bold;
line-height : 20px;
color : #000;
padding : 4px;
background-color : #fff094;
}
#note img {
float : right;
margin : 4px 2px 2px 0;
border : none;
width:13px;
height:13px;
cursor : pointer;
}
#note a, #note a:hover, #note a:visited, #note a:active {
font : bold 14px/16px Arial, Verdana;
border-bottom : 1px dotted #4A80E4;
color : #000;
text-decoration : none;
cursor : pointer;
}
/* Forms */
form {
    margin:0;
    padding:0;
}
.fields {
    border : 0;
    margin : 20px 2px 5px 2px;
    font : bold 14px/22px Arial, Helvetica, sans-serif;
}
.left {
    text-align : left;
    width : 100px;
    padding-bottom : 5px;
    float : left;
}
.left span {
    color: #255ECB;
}
.right {
    text-align : left;
    padding-bottom : 5px;
    margin-left : 100px;
}
.button {
    font : bold 13px/15px Verdana, Helvetica, Sans-serif, Arial;
    line-height : 12px;
    background : #f3f3f3 url('http://www.proxysocket.com/img/button.gif') repeat-x left bottom;
    color : #000;
    margin-top : 10px;
    padding : 4px 6px;
    border : 1px solid #999;
    border-top : 1px solid #ccc;
    border-left : 1px solid #ccc;
    cursor : pointer;
    line-height: 20px;
}
.button:hover {
    color : #999;
}
.textbox {
    color : #000;
    margin : 2px;
    border : 1px solid #ccc;
    border-top : 1px solid #999;
    border-left : 1px solid #999;
    font : bold 12px/14px Arial, Helvetica, sans-serif;
    background : #fff;
    width : 310px;
    padding : 5px;
}
.textbox:hover {
    border : 1px solid #eddb70;
    background : #f9f3cc;
}
/**
 * Footer
 */
#footer span, #footer span A {
    font : normal 10px/12px Arial, Verdana;
    color : #ccc;
    text-align : center;
    clear : both;
}
#footer span A {
    color : #B8CDF4;
}