body { font-family: Verdana; font-size: .75em; }
/*a { text-decoration: underline; color: #208a00; }*/
a:hover { text-decoration: none; }
a.small { font-size: 0.8em; }
h1 { padding: 25px 0px 15px; font-size: 2.2em; font-weight: bold; }
h2 { padding: 15px 0px 5px; font-size: 1.65em; }
h3 { padding: 15px 0px 5px; font-weight: bold; font-size: 1.15em; }
/*input {
    border:1px solid #646464;
}
    */
input.enter {
    width: 105px;
    height: 40px;
    border: 0px;
    cursor: pointer;
    background: url(/static/images/button_enter.gif) no-repeat;
}

input.register {
    width: 224px;
    height: 40px;
    border: 0px;
    cursor: pointer;
    background: url(/static/images/button_register.gif) no-repeat;
}

div.left { float: left; }
div.right { float: right; }
div.clear { clear: both; }
.cut, .full, .short {
    display:none;
}

div.indicator {
    position: absolute;
    width: 100px;
    right: 2px;
    font-weight: bold;
    text-align: center;
    background: #fafafa;
}

div.headerContainer {
    width: 100%;
    height: 121px;
    background: url(/static/images/header_fill.gif) repeat-x;
}

div.header {
    width: 950px;
    height: 121px;
    padding: 0px 30px;
    text-align: left;
}

div.logo { height: 98px; padding-top: 23px; }

div.projectDescription {
    float: right;
    width: 450px;
    padding-top: 25px;
    font-size: 11px;
    color: #fff;
}

div.projectDescription .question {
    padding: 3px 0px 10px 30px;
    color: #bbb;
    background: url(/static/images/question.gif) no-repeat;
}

div.projectDescription p {
    margin: 0;
}

div.trainingsArea { width: 640px; height: 40px; font-size: .9em; text-align: center; }
div.trainingsArea a { color: #9f9f9f; }
div.presetItem { float: right; width: 98px; height: 26px; margin: 3px 0px 0px 2px; padding-top: 10px; color: #b9b9b9; cursor: move; }
div.headMenu { width: 340px; padding: 5px; font-size: 1em; /*font-weight: bold;*/ color: #9f9f9f; }
div.headMenu a { color: #9f9f9f; }
div.headMenu div.avatar { margin-right: 10px; }
div.item { width: 190px; height: 20px; }
div.item img {padding:3px 3px 0 0}
div.whereAmI { width: 30px; height: 30px; }

div.authArea {
    width: 100%;
    height: 281px;
    text-align: center;
    background: url(/static/images/auth_area_fill.gif) repeat-x;
}

div.authEmpty {
    height: 40px;
    background: url(/static/images/auth_area_small_fill.gif) repeat-x;
}

div.authAreaContainer {
    width: 1008px;
    height: 281px;
}

div.authAreaContainer h1 {
    margin: 0;
}

div.authAreaContainer ul li {
    list-style: square;
    padding: 3px 0px;
}

div.authTop {
    width: 1008px;
    height: 15px;
    background: url(/static/images/auth_top.gif) no-repeat;
}

div.topFull {
    height: 40px;
    background: url(/static/images/auth_top_small.gif) no-repeat;
}

div.titleEnter {
    float: left;
    width: 435px;
    height: 44px;
    padding: 18px 67px 0px 0px;
    font-size: 22px;
    text-align: right;
    background: url(/static/images/title_enter_bg.gif) no-repeat;
}

div.delimiterTitle {
    float: left;
    width: 7px;
    height: 62px;
    background: url(/static/images/delimiter_title.gif) no-repeat;
}

div.titleRegistration {
    float: left;
    width: 430px;
    height: 44px;
    padding: 18px 0px 0px 69px;
    font-size: 22px;
    text-align: left;
    background: url(/static/images/title_registration_bg.gif) no-repeat;
}

div.loginArea {
    float: left;
    width: 435px;
    height: 40px;
    padding: 0px 67px 0px 0px;
    text-align: right;
    background: url(/static/images/login_area_bg.gif) no-repeat;
}

div.delimiterLogin {
    float: left;
    width: 7px;
    height: 40px;
    background: url(/static/images/delimiter_login.gif) no-repeat;
}

div.register {
    float: left;
    width: 430px;
    height: 40px;
    padding-left: 69px;
    text-align: left;
    background: url(/static/images/register_bg.gif) no-repeat;
}

div.passwordArea {
    float: left;
    width: 435px;
    height: 49px;
    padding: 12px 67px 0px 0px;
    text-align: right;
    background: url(/static/images/password_area_bg.gif) no-repeat;
}

div.passwordAreaEmpty {
    float: left;
    width: 430px;
    height: 49px;
    padding: 12px 0px 0px 76px;
    text-align: left;
    background: url(/static/images/password_empty_bg.gif) no-repeat;
}

div.enterArea {
    float: left;
    width: 400px;
    height: 40px;
    padding: 0px 60px 0px 42px;
    font-size: 11px;
    text-align: right;
    background: url(/static/images/enter_bg.gif) no-repeat;
}

div.enterAreaEmpty {
    float: left;
    width: 430px;
    height: 40px;
    padding-left: 76px;
    font-size: 11px;
    text-align: left;
    background: url(/static/images/enter_empty_bg.gif) no-repeat;
}

div.forgotArea {
    float: left;
    width: 435px;
    height: 47px;
    padding: 16px 67px 0px 0px;
    text-align: right;
    background: url(/static/images/forgot_bg.gif) no-repeat;
}

div.forgotArea a {
    text-decoration: underline;
    color: #fff;
}

div.forgotArea a:hover {
    text-decoration: none;
}

div.forgotAreaEmpty {
    float: left;
    width: 430px;
    height: 63px;
    text-align: left;
    padding-left: 76px;
    background: url(/static/images/forgot_empty_bg.gif) no-repeat;
}

div.contentContainer {
    width: 100%;
}

div.content {
    width: 1000px;
    text-align: left;
    padding: 0px 30px;
}

div.screenshot {
        float:left;
        margin:15px;
        overflow:hidden;
        padding:0;
}
body.home div.screenshot div.thumbnail.left {
margin-left:0;
}
body.home div.screenshot div.thumbnail.right {
margin-right:0;
}
div.screenshot div.thumbnail img {
border:1px solid #8FABC6;
margin:15px;
padding:1px;
}

div.screenshot div.thumbnail img.zoom {
border:0 none;
margin-left:152px;
margin-top:0px;
padding:0;
position:absolute;
}

div.middleColumn {
    float: left;
    width: 286px;
    padding: 90px 50px 40px 10px;
    line-height: 20px;
}

div.middleColumn p {
    margin-bottom: 15px;
}

div.middleColumn p.registerLink {
    width: 150px;
    margin-top: 55px;
    font-size: 19px;
    background: url(/static/images/arrow.gif) center right no-repeat;
}

div.middleColumn p.registerLink a {
    text-decoration: underline;
    color: #ff1800;
}

div.middleColumn p.registerLink a:hover {
    text-decoration: none;
}

div.mainContent {
    float: left;
    width: 712px;
    margin-right: 20px;
    padding: 20px 0px;
}

div.navigation {
    height: 34px;
    margin-top: 10px;
    font-size: 18px;
}

div.navigation a {
    color: #010101;
    text-decoration: none;
}

div.navigation span.page {
    weight: 34px;
    height: 10px;
    padding: 0px 10px;
    background: #eaf5e8;
}

div.navigation span.current {
    color: #fff;
    background: url(/static/images/pages_bg.gif) no-repeat;
}

div.comment {
    margin: 10px 0px;
    padding: 5px 13px;
    border-top: 1px solid #d7d7d7;
    background: #ededed;
}

div.commentTitle {
    font-size: 11px;
}

div.commentTitle a {
    font-weight: bold;
}

div.commentBody {
    padding: 5px 10px;
    font-size: 12px;
}
div.commentBody ul li {
    list-style: disc;
}
div.commentBody ol li {
    list-style: decimal;
}
div.cform ul li{
    list-style:none;
}
a.commentReply {
    font-size: 11px;
}

div.menu {
    float: left;
    width: 256px;
    padding: 85px 0px;
    background:#ffffff;
}

div.menu ul li {
    padding-bottom: 10px;
    font-size: 19px;
}

div.menu ul li.weight {
    height: 45px;
    padding: 20px 0px 10px 80px;
    font-size: 19px;
    background: url(/static/images/icon_weight.gif) no-repeat;
}

div.menu ul li.dumbbell {
    height: 41px;
    padding: 15px 0px 10px 80px;
    font-size: 19px;
    background: url(/static/images/icon_dumbbell.gif) no-repeat;
}

div.menu ul li.bag {
    height: 43px;
    padding: 15px 0px 10px 80px;
    font-size: 19px;
    background: url(/static/images/icon_bag.gif) no-repeat;
}

div.menu ul li.iphone{
    height: 41px;
    padding: 0px 0px 10px 80px;
    margin-top: 30px;
    font-size: 19px;
    background: url(/static/images/icon_iphone.gif) no-repeat;
}


div.menu ul li a {
    color: #2a9807;
}

div.menu div.sideBlock {
    margin-top: 30px;
    border: 1px solid #d7d7d7;
    color: #a2a2a2;
    background: #f6f6f6;
}

div.menu div.clearBorders {
    border: 0px;
    background: none;
}

div.menu div.totalAccounts {
    width: 236px;
    height: 40px;
    padding-top: 60px;
    text-align: center;
    color: #000;
    background: url(/static/images/total_accounts_bg.gif) center no-repeat;
}

div.menu div.totalAccounts a {
    font-size: 11px;
}

div.menu div.sideBlock div.head {
    height: 22px;
    padding: 6px 0px 0px 50px;
    font-weight: bold;
    color: #fff;
}

div.menu div.sideBlock div.newCommentsTitle {
    background: url(/static/images/icon_comments.gif) 12px 3px no-repeat #646464;
}

div.menu div.newComments {
    padding: 5px 10px;
    font-size: 11px;
    color: #818181;
}

div.menu div.newComments a {
    color: #208a00;
}

div.menu div.sideBlock div.allTagsTitle {
    background: url(/static/images/icon_tags.gif) 12px 6px no-repeat #b1b1b1;
}

div.menu div.allTags {
    padding: 5px 10px;
    color: #818181;
}

div.menu div.allTags a {
    text-decoration: none;
    color: #a2a2a2;
}

div.createPreset {
    float: left;
    width: 397px;
    height: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
}

div.createPreset .title {
    float: left;
    width: 75px;
    height: 18px;
    padding: 12px 0px 0px 25px;
    background: url(/static/images/icon_cube.gif) left bottom no-repeat;
}

div.createPreset .color {
    float: left;
    width: 55px;
    height: 18px;
    margin-left: 50px;
    padding: 12px 0px 0px 25px;
    background: url(/static/images/icon_cube.gif) left bottom no-repeat;
}

div.createPreset .existPresets {
    float: left;
    width: 50px;
    height: 30px;
    margin-left: 10px;
}

div.createPreset .existPresets select {
    width: 144px;
    height: 18px;
    margin-top: 9px;
    font-size: 11px;
    border: 1px solid #b3b9c3;
}

div.createPreset .existPresets input {
    width: 60px;
    height: 18px;
    margin-top: 9px;
    font-size: 11px;
    border: 1px solid #b3b9c3;
}

div.createPreset .button {
    float: left;
    width: 70px;
    height: 30px;
    margin-left: 5px;
}

div.createPreset .button .createButton {
    width: 70px;
    height: 25px;
    border: 0px;
    margin-top: 9px;
    background: url(/static/images/button_create.gif) center top no-repeat;
}

div.createPreset .button .saveButton {
    width: 70px;
    height: 25px;
    border: 0px;
    margin-top: 9px;
    background: url(/static/images/button_save.gif) center top no-repeat;
}

.href {
    cursor: pointer;
}

div.additionalPadding {
    padding-top: 15px;
}

div.footerContainer {
    width: 100%;
    height: 116px;
    background: url(/static/images/footer_fill.gif) repeat-x;
}

div.footer {
    width: 950px;
    height: 81px;
    padding: 35px 30px 0px;
    font-size: 11px;
    text-align: left;
    color: #c0c0c0;
}

div.footerMenu {
    font-size: 12px;
    color: #000;
}

div.footerMenu a {
	margin: 0px 3px;
    color: #2a9807;
}

.error { font-size: .9em; color: #c00000; }

.input {
    width: 203px;
    height: 30px;
    vertical-align: top;
    font-size: 18px;
    padding: 5px 0px 0px 15px;
    color: #aaa;
    border: 0px;
    background: url(/static/images/input_bg.gif) no-repeat;
}

input.calendar_wid {
    width: 20px;
    height: 20px;
    border: 0px;
}

.tablePresets table {
    width: 948px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #727272;
    border-width: 1px;
    border-color: #c3c3c3;
    background: #f6f6f6;

}

.tablePresets tr td {
    font-size: 14px;
    padding: 10px 0px 15px 10px;
    border-width: 1px;
    border-color: #c3c3c3;

}

.thumbs { left: 0px; bottom: 0px; white-space: nowrap; }
.thumbs img { padding: 2im.onloadpx; opacity: 0.85; cursor: pointer; border: 2px solid #ccc; }
.thumbs img:hover { opacity: 1; border: 2px solid #aaa; }

.stat_table {
    margin: 10px 0;
}

.stat_table td {
    padding: 4px;
}

.profile_main {
    margin: 30px;
}

.profile_main td {
    padding: 4px;
}

.mainMenu {
    margin:0 auto;
    padding:10px 2px 10px 2px;
    background:#000000;
    color:#ffffff;
    font-size:.85em;
    text-align:center;
}
.mainMenu ul, .mainMenu li{
    list-style:none;
    display:inline;
    padding:10px;
}

.mainMenu  a, .mainMenu a:hover, .mainMenu a:active {
    color:#ffffff;
    text-decoration:none;
    cursor:pointer;
}
.menuright {margin-left:90px;}

.ava {
    background:#000000;
    color:#ffffff;
    padding:0px 0px 0px 9px;
    min-height:100px;
}
#pic{
    padding:8px 0 0 0;
    float:left;
    margin-right:9px;
}
#texts {
    padding:10px 9px 20px 0px;
}

#texts_sup {
    padding:0px 9px 20px 0px;
    font-size:0.95em;
}

#texts_sup p{
    padding:10px 0px 0px 0px;
    font-size:0.90em;
}

.nick {
    padding: 0px 0px 60px 0px;
    font-weight:bold;
    color: #208a00;
    font-size:1.3em;
} 
#texts p{
    padding:0 0 10px 0;
}
#texts a, #texts a:hover, #texts a:active {
    color:#ffffff;
    text-align:right;
}
#texts {padding-top:7px;}

.gallery {
    margin-top:0;
    background:#000000;
    color:#e5e5e5;
}
.profile {
    padding:10px 5px 10px 5px;
    margin-top:20px;
    margin-bottom:20px;
    background:#000000;
    color: #797979;
}
.profile span {
color:#e5e5e5;
}
.profile p {padding-top:7px;}
.profile a {
    text-decoration:none;
    color: #e5e5e5;
   }
p.right a, p.right a:hover {

    color: #797979;
    text-decoration:none;
    border-bottom: 1px dashed #797979;
}
p.right {
    text-align:right; 
}
.button {display:none; }
.button input{background:#797979; border: none;}
.friends {font-size:16px; text-align:center;}
.friends a, .friends a:hover, .friends a:visited, .friends a:active {color:#17749d;text-decoration:underline;}
.friendlist {padding-top:25px;}
.wrap {
    overflow:hidden; /*Лекарство*/
    _height:1%; /*оно же для IE*/
    padding:15px 0 0 0;
    height:86px;
}
#fpic {float:left; margin-right:10px;}
#fpic_sup {
    float:left; 
    margin-right:5px;
    padding:2px;
    width:84px;
    height:134px;
    background:#000000;
    text-align:center;
    vertical-align:center;
    overflow:hidden;
}
#fnames a, #fnames a:hover, #fnames a:active, #fnames a:visited {font-size:1.3em; color:#000000; font-weight:bold; text-decoration:underline;}
#fnames a.del_friend, #fnames a.add_friend {font-size:1em; color:#ff4238;font-weight:normal;}
#fnames p {padding-top:10px;}
.want {padding-top:25px; font-size:16px;}
.want a, .want a:hover, .want a:visited, .want a:active {color:#17749d; text-decoration:underline;}
#chart_div {
    width:100%;
}
.ephyr_head {
    margin:25px auto 10px auto;
    padding:10px 2px 10px 2px;
    background:#208b01;
    color:#ffffff;
    text-align:center;
    font-size:16px;
}
.ephyr_text p{
    color:#000;
    padding-top:15px;
}
.green {
    color:#448831;
}
.gray {
    color:#646464 !important; 
    font-weight:bold;
}
.green_sup {
    color:#448831;
    margin:-10px 0 0 0;
}
.gray_sup {
    color:#646464 !important; 
    font-weight:bold;
}

.red {font-size:1em; color:#ff4238 !important; font-weight:normal;}

.programm {
    padding:35px 0 15px 0;
    z-index: 1000;
}
.head_prog {
    float:left;
    margin-right:38px;
    font-size:18px;
    color:#434343;
    letter-spacing:-.05em;
}
.head_prog a{
    color:#757575;
    text-decoration:none;
}
#link a{
    color:#757575;
    text-decoration:underline;
}
#link {
    padding-top:5px;
    color:#757575;
    text-align:right;
}

#wizard_questions {
    min-height: 140px;
    margin: 15px 0;
    padding: 8px;
    width: 800px;
    border: 1px solid black;
    text-align: left;
}

.prog_cont {
     overflow:hidden; /*Лекарство*/
     _height:1%; /*оно же для IE*/

    margin:10px auto 0 auto;
    padding:10px;
    width:92%;
    background:#ededed;
}
#prog_text p.header {
    color:#448831;
    font-size:14px;
}

#prog_text {
    padding-right:150px;
}
#end_but {
    float:right;
    width:151px;
    height:26px;
    padding:10px;
}
#left {
    margin:10px auto 0 auto;
    padding:10px 0px 5px 10px;
    width:180px;
    background:#ededed;
    height:150px;

}
.supl, .supl tr, .supl td {
    vertical-align:top;
}
.gaine table {
    width:100%;
}
.gaine {
     overflow:hidden; /*Лекарство*/
     _height:1%; /*оно же для IE*/

    margin:3px auto 30px auto; /*SAFARI....*/
    width:92%;

}

#param_text a {
    color: #65ab0a;
    text-decoration:none;
    border-bottom: 1px dashed #65ab0a;
    font-weight:bold;
 
}
#params_text {
    width:330px;
    margin-right:30px;
}
#params_menu {
    text-align:center;    
    margin-top:100px;
}
/*#form {
padding-top:100px;
}
#date {
    padding:0 100px 0 260px;
    text-align:right;
}
#period {
    color:#ec8117;
    text-align:left;
    padding-left:165px;
}
#inputs {
    margin-top:15px;
}
#submit {
    padding-right:20px;
}
#show {
    width:77px;
    height:26px;
    background: url(/static/images/show_but.png) no-repeat;
    cursor:pointer;
    border:none;
}

*/
table.params {
    width: 100%;
}

.params td, .params th {
    vertical-align:middle;
    height:20px;
    border:4px solid #ededed;
}

.params th p{
    padding-left:10px;
}
.params td {
    text-align:center;
    width:80px;
}
.params p {
    background:#dcdcdc;
    padding-top: 5px;
    height:20px;
}

.char_selected p {
    background: #ccc;
}

.wizard_question {
    float:right;
    padding: 4px;
    margin: 0 4px;
}

.wizard_question.edit {
    float: left;
}

.wizard_question b {
    padding: 3px;
}

.wizard_question p {
    padding: 8px;
    line-height: 18px;
}

#wizard_result {
    margin: 15px 0;
    padding: 8px;
    width: 800px;
    border: 1px solid black;
    text-align: left;
}

#wizard_content {
    display: none;
}

#wizard_loader {
    text-align: center;
    padding: 15px 0;
}

.wizard_train {
    min-height: 100px;
    margin: 7px 0;
    padding: 5px;
}

.wizard_train img {
    margin-right: 5px;
    float: left;
}

.wizard_train p {
    padding: 3px;
}

.wizard_train p.title {
    font-size: 16px;
    font-weight: bold;
}

.wizard_empty {
    text-align: center;
    font-weight: bold;
}

.train_about {
    position: absolute;
    float: right;
    margin-left: 220px;
}

.train_about textarea {
    width: 475px;
    height: 45px;
}

#wizard_goal {
    width: 45%;
    margin-right: 40px;
}

#wizard_exp {
    margin-right: 70px;
}

.wizard_modal {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #FFF;
    border: 1px solid black;
    padding: 12px;
    z-index: 1000;
}

.wizard_modal p {
    display: block;
    float: normal;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding: 10px 20px;
}

.wizard_modal a {
    cursor: pointer;
    font-size: 19px;
}

.wizard_modal td {
    text-align: center;
    padding: 3px;
}

#startdate {
    font-weight: normal;
    font-size: 12px;
    margin: 5px;
    width: 80px;
}

.wizard_modal #close {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
}

.wizard_modal .hint {
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    padding-bottom: 4px; 
}

.train_image {
    position: relative;
    float: right;
    width: 80px;
    height: 80px;
    padding-right: 160px;
}

.train_photo {
    padding: 30px;
}

.train_photo label {
    font-weight: bold;
}

.train_photo td {
    padding: 5px;
}

#ex_about {
    font-size: 20px; 
    text-decoration: none;
}

#ex_about:hover {
    text-decoration: none;
}

.selected {
    position: absolute;
    border: 1px solid grey;
    padding: 2px 4px;
    background: white;
    margin-top: -30px;
    margin-left: -15px;
    cursor: pointer;
}

.text_selected {
    position: absolute;
    border: 1px solid grey;
    background: white;
    margin-left: -26px;
    font-size: 17px;
    padding: 1px;
}

.text_selected {
    font-size: 15px;
}

.text_selected p {
    padding: 0;
    margin: 0;
}

#curtext {
    width: 270px;
    height: 100px;
    border: 0;
    padding: 2px;
}

.control {
    display: none;
    text-align: center;
    float: right;
    padding: 4px 0;
}

.control span {
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}

#result {
    color: #222;
    font-family: Sans-Serif;
    width: 65px;
    float: left;
    font-size: 24px;
    text-align: center;
    border: 0;
    padding: 4px 0;
    cursor: pointer;
}

div.stat {
    margin-top:30px;
      overflow:hidden; /*Лекарство*/
     _height:1%; /*оно же для IE*/
}

table.stat {
   margin-top: 20px;
}

.stat p {
    background:#dcdcdc;
    padding: 5px 10px 0 5px;;
    height:20px;
}
.stat td, .stat th {
    vertical-align:middle;
    height:20px;
    border:4px solid #ededed;
}
.stat td {
    text-align:center;
    width:100px;
}
.first th{
    text-align:center;
    color:#ec8117;
}

div.text_widget {
    border: 0;
    width: 100%;
    height: 80px;
    background: #f6f6f6;
}

.exerciseEven div.text_widget {
    background: #fff;
}

a.ex_anchor {
    font-family: Verdana;
    font-size: 11px;
    color: black;
    text-decoration: none;
}

a.ex_anchor:hover {
    font-family: Verdana;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}

td.exerciseName a {
    color: black;
    text-decoration: none;
}
 
td.exerciseName a:hover {
    text-decoration: underline;
}

td.exerciseName img { 
    padding-left: 3px;
}

input.CopyTrainButton {
    margin: 15px 0;
    padding: 5px;
}

#this_day {
    display: none;
}

.tableform td {
    padding: 8px;
}

.submit_button {
    width: 200px;
    height: 30px;
}

.train_more {
    padding-top: 10px;
}

div.mp_profile {
    height:358px;
    background: url(/static/images/indicator_black.gif) #000 center center no-repeat;
}

#modal_overlay {
    display: none;
    position: fixed; 
    filter:alpha(opacity=80);
    opacity: 0.8;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 1001;
    background: black;
}

#modal_container {
    display: none;
    position: fixed;
    top: 30%;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -325px;
    width: 650px;
    background-color: #FFF;
    border: 1px solid black;
    padding: 12px;
    z-index: 1002;
}

a.modal_close {
    position: absolute; 
    display: inline; 
    width: 25px; 
    height: 29px; 
    top: -11px; 
    left: 660px;
    right: -16px; 
    cursor: pointer;
    background: url(/static/images/x.png) no-repeat; 
    z-index: 1003; 
}